Keuntungan saka AMP lan cara iki beda karo Desain Web Responsif
Yen sampeyan ndeleng sawetara lalu lintas lalu lintas analytics ing situs web sing kepungkur, sampeyan bakal nemokake manawa kabeh mau salah siji sing paling umum - sing nambah jumlah pengunjung sing ditampa saka pangguna ing piranti seluler.
Secara global, saiki ana lalu lintas web luwih saka piranti seluler tinimbang saka apa sing bakal kita nimbang "piranti tradisional", sing tegese tegese komputer desktop utawa laptop. Ora ana keraguan manawa komputasi seluler wis ngowahi cara wong nganggo konten online, sing tegese wis ngowahi cara kita kudu mbangun situs web kanggo para pemirsa sing luwih fokus seluler.
Bangunan kanggo Pemirsa Mobile
Nggawe "situs web seluler ramah" wis dadi prioritas kanggo para profesional web kanggo akehe taun. Praktek kaya desain web responsif ditujukan kanggo mbantu nggawe situs sing kerjane apik kanggo kabeh perangkat, lan fokus ing kinerja situs web lan cepet download entuk manfaat kabeh pangguna, mobile utawa liya. Liyane pendekatan kanggo situs seluler sing ramah disebut AMP pembangunan web, sing stands for Accelerated Mobile Pages.
Proyèk iki, sing digawe Google, digawe minangka standar mbukak kanggo ngidini penerbit situs web gawe situs sing mbukak luwih cepet ing piranti seluler. Yen sampeyan mikir sing kadhangkala kaya desain web responsif, sampeyan ora salah. Konsep loro nuduhake akeh ing umum, yaiku sing padha fokus ing ngirim isi menyang pangguna ing piranti seluler. Nanging, ana sawetara beda antarane loro pendekatan kasebut.
Perangan Key Antara AMP lan Desain Web Responsif
Salah satunggaling kekuatan desain web responsif tansah keluwesan sing nambah menyang situs. Sampeyan bisa nggawe salah siji kaca sing kanthi otomatis responds menyang ukuran layar Pengunjung. Iki nyedhiyakake jangkauan kaca lan kemampuan kanggo ngladeni pengalaman apik menyang macem-macem piranti lan ukuran layar, saka ponsel menyang tablet menyang laptop, komputer, lan liya-liyane. Desain web responsif difokusake ing kabeh piranti lan pengalaman pangguna , ora mung seluler. Sing loro apik ing sawetara cara lan ala ing wong liya.
Keluwesan ing situs gedhe, nanging yen sampeyan pengin fokus ing seluler, nggawe situs sing fokus ing kabeh layar, tinimbang mung ing seluler, bisa nandhingake fleksibilitas kanggo kinerja mobile kanthi optimal. Iku teori ing konco AMP.
AMP murni fokus ing kacepetan - yaiku kecepatan seluler. Miturut Malte Ubl, Google Tech Lead kanggo proyek iki, AMP nduweni tujuan kanggo nggawa "panampil cepet menyang isi web." Sawetara cara iki rampung kalebu:
- Lazy loading
- Nggunakake preconnect
- Sumber daya prefetching
- Async Javascript
- Lembar gaya inline
- Ora ana font sing bisa diundhuh
- Prioritas sumber daya
Iki mung sawetara kepala sekolah sing nggawe AMP diundhuh kanthi cepet . Nanging, uga ana sawetara item ing dhaptar sing bisa nyebabake para profesional web jangka panjang. Conto gaya inline , contone. Akeh saka kita wis diwartakake manawa kabeh gaya kudu ana ing jaba gaya njaba. Kang bisa gaya akeh kaca situs kabeh saka siji lembaran njaba minangka salah sawijining kekuatan CSS - kekuatan sing ditentang nalika kaca nganggo gaya inline. Ya, sampeyan kudu ngundhuh file njaba, nanging kanthi biaya bisa ngatur kabeh situs kanthi sheet gaya siji. Dadi pendekatan sing luwih apik? Kasunyatan iku padha duwe manfaat lan kelemahane. Web terus berubah lan wong sing ngunjungi situs sampeyan duwe kabutuhan beda. Iku angel banget kanggo netepake aturan sing bakal dileksanakake ing kabeh kasus, amarga pendekatan sing beda bisa dipahami ing kahanan sing beda-beda. Tombol iku kanggo nimbang keuntungan utawa kekurangan saka saben pendekatan kanggo nemtokake sing paling apik ing kasus tartamtu.
Bentenane liyane antarane AMP lan RWD yaiku kasunyatan sing desain responsif arang "ditambahake" menyang situs sing wis ana. Amarga RWD sajrone ngemudheni arsitèktur lan pengalaman situs, umumé bakal mbutuhake situs kasebut supaya diresmikake lan dibangun maneh kanggo nampung gaya sing responsif. Nanging, AMP bisa ditambahake ing situs sing wis ana. Ing kasunyatan, bisa uga ditambahake menyang situs sing responsif.
Pertimbangan Javascript
Boten kados situs kanthi RWD, situs-situs AMP mboten sae kaliyan Javascript. Iki kalebu 3 partai skrip lan perpustakaan sing banget populer ing situs iki. Pustaka kasebut bisa nambah fungsi luar biasa menyang situs, nanging uga menehi kinerja. Kaya mengkono, pratelan sing pendekatan banget fokus ing kacepetan kaca bakal nyingkirake file Javascript. Mulane, AMP kerep dipigunakaké ing kaca web statis, kaya sing dianggep banget kanggo dinamis utawa sing mbutuhake efek Javascript tartamtu kanggo siji alasan utawa liya. Contone, galeri situs web sing nggunakake pengalaman gaya "lightbox" ora bakal dadi calon gedhe kanggo AMP. Saliyane, artikel situs web standar utawa press release sing ora mbutuhake fungsi apik bakal dadi kaca gedhe kanggo ngirim karo AMP. Kaca sing mbokmenawa bakal diwaca dening wong sing nggunakake piranti seluler sing uga weruh link ing media sosial utawa liwat telusur Google seluler. Kang bisa enggal ngirim konten kasebut nalika njaluk, luwih cepet nampilake kecepatan download nalika Javascript ora perlu lan sumber daya liyane dimuat, ndadekake pengalaman pelanggan apik.
Milih Solution Tengen
Dadi opsi apa sing bener kanggo sampeyan - AMP utawa RWD? Iku gumantung ing kabutuhan tartamtu, mesthi, nanging sampeyan ora perlu milih siji utawa liyane. Yen kita kepengin duwe pinter (lan luwih sukses) strategi online, tegese kita kudu nganggep kabeh alat sing bisa kita gunakake lan sinau babagan cara kerja. Mungkin iki berarti menehi situs responsif, nanging nggunakake AMP ing bagean pilih utawa kaca sing paling cocok karo gaya pangembangan. Sampeyan uga bisa uga nggawa aspirasi saka macem-macem pendekatan lan nggabungake wong-wong mau kanggo nggawe solusi hibrida sing nyukupi kabutuhan khusus lan ngirimake sing paling apik kanggo donya sing pengunjung kasebut.