Prednosti AMP-a i kako se razlikuje od Responsive Web Design-a
Ako pogledate proteklih nekoliko godina analitičkog saobraćaja za veb lokacije, verovatno ćete pronaći da svi dele jednu glavnu zajedničku stvar - povećanje broja posjetilaca koji dobijaju od korisnika na mobilnim uređajima.
Globalno, sada je prisutan veći promet na Internetu od mobilnih uređaja nego što smo mislili o "tradicionalnim uređajima", što u osnovi znači desktop ili laptop računare. Nema sumnje da je mobilno računarstvo promenilo način na koji ljudi troše onlajn sadržaj, što znači da je promenilo način na koji moramo graditi sajtove za one koji su sve više mobilno usmerene publike.
Izgradnja za mobilnu publiku
Stvaranje "mobilnih web lokacija" je prioritet web profesionalaca već dugi niz godina. Vježbe poput odzivnog web dizajna usmerene su na stvaranje sajtova koji su dobro funkcionisali za sve uređaje, a fokus na performanse web sajta i brzom downloadu pogoduju svim korisnicima, mobilnim ili drugačijim. Još jedan pristup mobilnim prijateljskim sajtovima poznat je kao AMP web development, koji se odnosi na Accelerated Mobile Pages.
Ovaj projekat, koji je podržao Google, kreiran je kao otvoreni standard koji je omogućio izdavačima veb stranica da kreiraju sajtove koji se brže učitavaju na mobilnim uređajima. Ako mislite da to zvuči slično kao odgovarajući web dizajn, niste u pravu. Dva koncepta dele dosta zajedničkog, odnosno da su oba fokusirana na pružanje sadržaja korisnicima na mobilnim uređajima. Međutim, između ova dva pristupa postoje razlike.
Ključne razlike između AMP-a i Responsive Web Design-a
Jedna od prednosti odzivnog web dizajna oduvek je bila fleksibilnost koju dodaje na sajt. Možete kreirati jednu stranicu koja automatski odgovara veličini ekrana posetilaca. To daje vašoj stranici dostignuća i mogućnost da pruže dobro iskustvo širokom spektru uređaja i veličine ekrana, od mobilnih telefona do tableta do laptopa, desktopa i šire. Odgovarajući web dizajn je fokusiran na sve uređaje i korisnička iskustva , a ne samo na mobilne uređaje. To je i na neki način dobro i loše u drugim.
Fleksibilnost na sajtu je sjajna, ali ako stvarno želite da se fokusirate na mobilne uređaje, kreiranjem sajta koji se fokusira na sve ekrane, umesto isključivo na mobilnim uređajima, može se trgovati fleksibilnošću za čisto optimizovane performanse mobilnih uređaja. To je teorija iza AMP-a.
AMP je čisto fokusiran na brzinu - odnosno brzinu mobilne telefonije. Prema rečima Malte Ubl, Google Tech Lead za ovaj projekat, AMP ima za cilj da donese "instant rendering na web sadržaj". Neki od načina na koji to radi su:
- Lazy loading
- Korištenje prekomponenta
- Prefetching resources
- Async Javascript
- Inline stil listovi
- Nema fontova za preuzimanje
- Prioritizacija resursa
Ovo su samo neki od direktora koji AMP učine tako brzo . Međutim, postoje i neke stavke na toj listi koje mogu dugo vremena provjeriti web profesionalce. Na primjer, slični stilski listovi . Mnogi od nas su već godinama rekli da svi stilovi trebaju biti sadržani u spoljnim stilskim listovima. Mogućnost stila punih stranica stranica sa jednog spoljnog lista je jedna od snage CSS-a koja je negirana ako stranice umesto toga koriste inline stilove. Da, sprečavate potrebu da preuzmete spoljnu datoteku, ali po cijeni da možete upravljati celokupnom sajtu pomoću pojedinačnog lista stilova. Dakle, koji je pristup bolji? Realnost je da obojica imaju svoje prednosti i nedostatke. Veb se stalno menja i različiti ljudi koji posjećuju 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 odmeri koristi ili nedostatke svakog pristupa kako biste utvrdili koji je najbolji u vašem konkretnom slučaju.
Još jedna ključna razlika između AMP-a i RWD-a jeste činjenica da se reagujući dizajn retko "dodava" na postojeću lokaciju. Pošto je RWD stvarno temeljno preispitivanje arhitekture i iskustva sajta, obično će biti potrebno da se ta stranica redizajnira i preradjuje kako bi se prilagodili odgovarajućim stilovima. AMP se može dodati na postojeću lokaciju, međutim. Zapravo, ona se čak može dodati i na postojeću odzivnu lokaciju.
Javascript Considerations
Za razliku od lokacija sa RWD, AMP sajtovi ne igraju dobro sa Javascript-om. Ovo uključuje treće partijske skripte i biblioteke koje su danas popularne na sajtovima. Te biblioteke mogu dodati neverovatnu funkcionalnost na sajt, ali takođe utiču na performanse. Kao takva, stoji na umu da bi pristup koji se usredsredio na brzinu stranice izbjegao Javascript datoteke. Iz tog razloga se AMP često najbolje koristi na statičkim veb stranama, za razliku od veoma dinamičnih ili onih koji zahtevaju specifične efekte Javascripta iz jednog ili drugog razloga. Na primjer, galerija veb stranica koja koristi iskustvo u stilu lightbox neće biti odličan kandidat za AMP. S druge strane, standardni članak na sajtu ili saopštenje za javnost koje ne zahtijeva bilo kakvu funkcionalnost bilo bi odlična stranica za isporuku sa AMP-om. Ove stranice verovatno će pročitati ljudi koji koriste mobilne uređaje koji su možda videli link na društvenim medijima ili putem mobilnog pretraživanja Google-a. Umjesto usporavanja brzine prenosa dok su učitani nepotrebni Javascript i drugi resursi, u mogućnosti je odmah isporučiti taj sadržaj kada to zatraže, čini se za odlično iskustvo klijenta.
Izbor pravog rešenja
Pa koja opcija je ispravna za vas - AMP ili RWD? To zavisi od vaših specifičnih potreba, naravno, ali ne morate da birate jednu ili drugu. Ako želimo da imamo pametnije (i uspešnije) online strategije, to znači da moramo razmotriti sve raspoložive alate i naučiti kako će oni raditi zajedno. Možda ovo znači odgovorno dostavljanje vašeg sajta, ali pomoću AMP-a na određenim odeljcima ili stranicama koje su možda najpogodnije za taj stil razvoja. To bi moglo značiti i uzimanje aspekata različitih pristupa i njihovo kombinovanje kako bi stvorila hibridna rješenja koja zadovoljavaju vrlo specifične potrebe i koja pruža najbolje od oba svijeta posjetiteljima tog web sajta.