Prednosti AMP-a i kako se razlikuje od odgovornog web-dizajna
Ako pogledate posljednjih nekoliko godina prometa analitike za web stranice, vjerojatno ćete otkriti da svi dijele jednu važnu zajedničku stvar - porast broja posjetitelja koji dolaze od korisnika na mobilnim uređajima.
Na globalnoj razini, sada više web prometa dolazi s mobilnih uređaja nego iz onoga što bismo razmotrili "tradicionalne uređaje", što u osnovi znači stolna ili prijenosna računala. Nema sumnje da je mobilno računarstvo promijenilo način na koji ljudi konzumiraju online sadržaj, što znači da je promijenilo način na koji moramo izgraditi web stranice za one sve više pokretne središnje publike.
Izgradnja za mobilnu publiku
Stvaranje "web stranica prilagođenih za mobilne uređaje" prioritet je za web profesionalce dugi niz godina. Prakse poput responzivnog web dizajna s ciljem stvaranja web mjesta koja su dobro funkcionirala za sve uređaje, a usredotočenost na performanse web-lokacije i brza vremena preuzimanja pogoduju svim korisnicima, mobilnim ili na drugi način. Drugi pristup web-lokacijama prilagođenim za mobilne uređaje poznat je kao razvoj web-lokacije AMP, što znači "Ubrzane mobilne stranice".
Ovaj projekt, koji podupire Google, stvoren je kao otvoreni standard koji omogućuje izdavačima web mjesta za stvaranje web-mjesta koja se brže učitavaju na mobilnim uređajima. Ako mislite da to zvuči puno kao odgovarajući web dizajn, niste u krivu. Dva koncepta dijele mnogo zajedničkog, naime, da su obje usmjerene na isporuku sadržaja korisnicima na mobilnim uređajima. Me utim, postoji niz razlika između ova dva pristupa.
Ključne razlike između AMP i responzivnog web dizajna
Jedna od prednosti responzivnog web dizajna uvijek je bila fleksibilnost koju dodaje na web mjesto. Možete izraditi jednu stranicu koja automatski odgovara na veličinu zaslona posjetitelja. To vam daje vašu stranicu i sposobnost da poslužite dobro iskustvo širokom rasponu uređaja i veličina zaslona, od mobilnih telefona do tableta do prijenosnih računala, stolnih računala i izvan nje. Odgovorni web dizajn usmjeren je na sve uređaje i korisnička iskustva , a ne samo na mobilne uređaje. To je i dobro na neki način i loše u drugima.
Fleksibilnost na web-lokaciji izvrsna je, ali ako se zaista želite fokusirati na mobilne uređaje, stvaranje web-lokacije koja se fokusira na sve zaslone, a ne samo na mobilnim uređajima, može biti fleksibilnost trgovine za čisto optimiziranu mobilnu izvedbu. To je teorija iza AMP.
AMP je isključivo usmjeren na brzinu - naime mobilnu brzinu. Prema riječima Malte Ubl, Google Tech Lead za ovaj projekt, AMP ima za cilj donijeti "trenutačno prikazivanje web sadržaja". Neki od načina na koji to čine su:
- Lijeno učitavanje
- Upotrebljavajući preconnect
- Prethodno učitavanje resursa
- Async Javascript
- Inline stilski listovi
- Nema fontova za preuzimanje
- Prioritetiranje resursa
Ovo su samo neki od principa koji AMP učitavaju tako brzo . Postoje, međutim, i neke stavke na tom popisu koje bi dugotrajni profesionalci web-stručnjaka mogli napasti. Na primjer, inline stilski listovi . Mnogi od nas godinama su rekli da svi stilovi trebaju biti sadržani u vanjskim stilskim listovima. Biti u stanju stilizirati puno stranica stranica s jednog vanjskog lista je jedna od prednosti CSS - snaga koja se negira ako stranice umjesto toga koriste inline stilove. Da, spriječite potrebu za preuzimanjem vanjske datoteke, ali po cijeni za upravljanje cijelom web sučelju s jednim stilskim listom. Dakle, koji je pristup bolji? Stvarnost je da oboje imaju svoje prednosti i nedostatke. Web se stalno mijenja i različiti ljudi koji posjete vašu web-lokaciju imaju različite potrebe. Vrlo je teško uspostaviti pravila koja će se primjenjivati u svim slučajevima, jer različiti pristupi imaju smisla u različitim situacijama. Ključ je da procjenjujete prednosti ili nedostatke svakog pristupa kako biste odredili što je najbolje u vašem konkretnom slučaju.
Druga ključna razlika između AMP-a i RWD-a je činjenica da je responziv dizajn rijetko "dodan" na postojeću web stranicu. Budući da je RWD uistinu temeljito preispitivanje arhitekture i iskustva web mjesta, općenito će zahtijevati da se web mjesto redizajne i obnavlja kako bi se prilagodio odgovarajući stilovi. Međutim, AMP se može dodati na postojeće web mjesto. Zapravo, čak se može dodati i na postojeću web stranicu koja odgovara.
Razmatranja Javascripta
Za razliku od web-lokacija s RWD-om, AMP web-lokacije ne funkcioniraju dobro s Javascriptom. To uključuje 3 partičke skripte i knjižnice koje su danas vrlo popularne na web stranicama. Te knjižnice mogu dodati nevjerojatnu funkcionalnost na web mjesto, ali oni također utječu na izvedbu. Kao takav, valja razloziti da će pristup usmjeren na brzinu stranice izbjeći datoteke Javascript. Zbog toga se AMP često koristi na statičnim web stranicama, za razliku od visoko dinamičnih ili onih koji zahtijevaju određene efekte za Javascript iz jednog ili drugog razloga. Na primjer, galerija web stranica koja koristi stilski "lightbox" stil neće biti velik kandidat za AMP. S druge strane, standardni članak web stranice ili press release koji ne zahtijeva bilo koju fancy funkcionalnost bi bila velika stranica za isporuku s AMP. Ovu će stranicu vjerojatno čitati korisnici mobilnih uređaja koji su možda vidjeli vezu na društvenim medijima ili mobilnim Google pretraživanjem. Biti u stanju odmah isporučiti taj sadržaj kad ga zatraže, umjesto da usporava brzinu preuzimanja, a nepotreban Javascript i ostali resursi učitavaju, čini veliko iskustvo korisnika.
Odabir pravog rješenja
Pa koja je opcija prikladna za vas - AMP ili RWD? Naravno, to ovisi o vašim specifičnim potrebama, ali ne morate odabrati jedan ili drugi. Ako želimo imati pametnije (i uspješnije) internetske strategije to znači da moramo razmotriti sve alate koji su na raspolaganju i saznati kako će oni zajedno raditi. Možda to znači isporuku vaše stranice na odgovarajući način, ali pomoću AMP-a na odabranim odjeljcima ili stranicama koje bi mogle biti najprikladnije za taj stil razvoja. To također može značiti uzimanje aspekata različitih pristupa i njihovo kombiniranje za stvaranje hibridnih rješenja koja zadovoljavaju vrlo specifične potrebe i koja donosi najbolje od oba svijeta posjetiteljima tog web mjesta.