Manfaat AMP dan bagaimana ia berbeza daripada Design Web Responsif
Sekiranya anda melihat lalu lintas lalu lintas beberapa tahun yang lalu untuk laman web, anda mungkin akan mendapati bahawa mereka semua berkongsi satu perkara utama yang sama - peningkatan bilangan pengunjung yang mereka peroleh dari pengguna pada peranti mudah alih.
Secara global, terdapat lebih banyak lalu lintas web yang datang dari peranti mudah alih daripada apa yang akan kita pertimbangkan sebagai "peranti tradisional", yang pada dasarnya bermaksud komputer desktop atau komputer riba. Tidak syak lagi bahawa pengkomputeran mudah alih telah mengubah cara orang menggunakan kandungan dalam talian, yang bermaksud ia telah mengubah cara kita harus membina laman web untuk penonton yang semakin mudah bergerak.
Membina Penonton Mudah Alih
Mewujudkan "laman web mesra mudah alih" telah menjadi keutamaan untuk profesional web selama bertahun-tahun. Amalan seperti reka bentuk web responsif bertujuan untuk membantu membuat tapak yang berfungsi dengan baik untuk semua peranti, dan tumpuan pada prestasi laman web dan masa muat turun pantas memberi manfaat kepada semua pengguna, mudah alih atau sebaliknya. Pendekatan lain untuk tapak mesra mudah alih dikenali sebagai pembangunan web AMP, yang bermaksud Pages Mobile Accelerated.
Projek ini, yang disokong oleh Google, dibuat sebagai standard terbuka yang bertujuan untuk membolehkan penerbit laman web membuat laman web yang memuat lebih cepat pada peranti mudah alih. Jika anda berfikir bahawa bunyi seperti reka bentuk web responsif, anda tidak salah. Kedua-dua konsep ini banyak berkongsi, iaitu kedua-duanya memberi tumpuan kepada penyampaian kandungan kepada pengguna pada peranti mudah alih. Walau bagaimanapun, terdapat beberapa perbezaan antara dua pendekatan ini.
Perbezaan Utama Antara AMP dan Reka Bentuk Web Responsif
Salah satu kekuatan reka bentuk web yang responsif selalu menjadi fleksibiliti yang ia tambahkan ke laman web. Anda boleh membuat satu halaman yang secara automatik bertindak balas kepada saiz skrin pelawat. Ini memberikan jangkauan halaman anda dan keupayaan untuk memberi pengalaman yang baik kepada pelbagai peranti dan saiz skrin, dari telefon mudah alih hingga tablet ke komputer riba, komputer meja dan seterusnya. Reka bentuk web responsif difokuskan pada semua peranti dan pengalaman pengguna , bukan hanya mudah alih. Itu baik baik dalam beberapa cara dan buruk pada orang lain.
Fleksibiliti dalam laman web adalah hebat, tetapi jika anda benar-benar ingin memberi tumpuan kepada mudah alih, membuat tapak yang memfokuskan pada semua skrin, bukan hanya pada peranti mudah alih, boleh menjadi fleksibiliti dagangan untuk prestasi mudah alih yang semata-mata dioptimumkan. Itulah teori di belakang AMP.
AMP semata-mata tertumpu pada kelajuan - iaitu kelajuan mudah alih. Menurut Malte Ubl, Google Tech Lead untuk projek ini, AMP bertujuan untuk membawa "penyerahan segera ke kandungan web." Beberapa cara ini dilakukan termasuk:
- Muat turun malas
- Menggunakan preconnect
- Menyusun semula sumber
- Async Javascript
- Helaian gaya dalam talian
- Tiada fon boleh muat turun
- Keutamaan sumber
Ini hanyalah beberapa pengetua yang membuat beban AMP begitu cepat . Walau bagaimanapun, terdapat juga beberapa item dalam senarai yang boleh membuat profesional web lama menjejaskan. Contoh helaian gaya , sebagai contoh. Ramai daripada kita telah diberitahu selama bertahun-tahun bahawa semua gaya harus terkandung dalam helaian gaya luaran. Mendapatkan banyak laman laman web semua dari satu helaian luaran adalah salah satu kekuatan CSS - kekuatan yang ditolak jika halaman menggunakan gaya inline sebaliknya. Ya, anda menghalangi keperluan untuk memuat turun fail luaran, tetapi pada biaya untuk dapat menguruskan seluruh tapak dengan helaian gaya tunggal. Jadi pendekatan mana yang lebih baik? Realitinya ialah mereka berdua mempunyai manfaat dan kekurangannya. Web sentiasa berubah dan orang yang melawat tapak anda mempunyai keperluan yang berbeza. Sangat sukar untuk menetapkan peraturan yang akan berlaku dalam semua kes, kerana pendekatan yang berbeza masuk akal dalam situasi yang berbeza. Kuncinya adalah menimbang manfaat atau kekurangan setiap pendekatan untuk menentukan yang terbaik dalam kes tertentu anda.
Satu lagi perbezaan utama antara AMP dan RWD ialah hakikat bahawa reka bentuk responsif jarang "ditambahkan pada" ke laman web yang sedia ada. Kerana RWD benar-benar pemikiran semula tentang seni bina dan pengalaman tapak, secara umumnya ia memerlukan laman web itu untuk direka bentuk semula dan dibangunkan semula untuk menampung gaya responsif. Bagaimanapun, AMP boleh ditambah ke laman web yang sedia ada. Malah, ia bahkan boleh ditambah ke laman responsif yang sedia ada.
Pertimbangan Javascript
Tidak seperti laman web dengan RWD, tapak AMP tidak bermain dengan baik dengan Javascript. Ini termasuk skrip dan pesta parti 3 yang sangat popular di laman web hari ini. Perpustakaan tersebut boleh menambah fungsionaliti yang luar biasa ke laman web, tetapi ia juga memberi kesan kepada prestasi. Oleh itu, ia menjadi alasan bahawa pendekatan yang sangat tertumpu pada kelajuan halaman akan menghindarkan fail Javascript. Atas sebab inilah AMP sering digunakan pada laman web statik yang bertentangan dengan yang sangat dinamik atau yang memerlukan kesan Javascript tertentu untuk satu sebab atau yang lain. Sebagai contoh, galeri laman web yang menggunakan pengalaman gaya "lightbox" tidak akan menjadi calon yang hebat untuk AMP. Sebaliknya, artikel laman web standard atau siaran akhbar yang tidak memerlukan sebarang fungsi mewah akan menjadi halaman hebat untuk dihantar dengan AMP. Halaman tersebut mungkin dibaca oleh orang yang menggunakan peranti mudah alih yang mungkin melihat pautan di media sosial atau melalui carian Google mudah alih. Mampu menyampaikan kandungan itu dengan serta-merta apabila mereka memintanya, bukannya kelajuan muat turun yang perlahan sementara Javascript yang tidak perlu dan sumber lain dimuatkan, menjadikan pengalaman pelanggan yang hebat.
Memilih Penyelesaian Yang Benar
Jadi pilihan mana yang sesuai untuk anda - AMP atau RWD? Ia bergantung kepada keperluan khusus anda, sudah tentu, tetapi anda tidak perlu memilih satu atau yang lain. Sekiranya kita ingin lebih bijak (dan lebih berjaya) strategi dalam talian, ini bermakna kita perlu mempertimbangkan semua alat yang kita pelajari dan belajar bagaimana mereka akan bekerjasama. Mungkin ini bermakna menyampaikan laman web anda dengan responsif, tetapi menggunakan AMP pada bahagian atau halaman tertentu yang paling sesuai dengan gaya pembangunan itu. Ia juga boleh membawa aspek pendekatan yang berbeza dan menggabungkan mereka untuk mewujudkan penyelesaian hibrid yang memenuhi keperluan khusus dan yang memberikan yang terbaik dari kedua-dua dunia ke pelawat laman web tersebut.