Kaj je AMP oziroma Accelerated Mobile Pages
datum objave: 12.06.2023
Ker gre za novo generacijo izdelave spletnih strani, ki so predvsem prijazne do mobilnih naprav, navajamo, kaj je AMP in kakšne so prednosti z njim izdelanih strani pred klasičnimi.
AMP oziroma Accelerated Mobile Pages je odprtokodno spletno ogrodje, ki je namenjeno izdelavi spletnih strani, da se čim hitreje naložijo na mobilne naprave. Tako narejene spletne strani so optimizirane glede na tiste, ki so narejene na klasičen način.
V nadaljevanju navajamo, kaj je AMP in kakšne so prednosti z njim izdelanih spletnih strani pred klasičnimi.
Ogrodje so razvili na pobudo Googla, Wordpressa in Adobeja, prvič pa je bilo predstavljeno leta 2016. Pri razvoju so sodelovale tudi številne velike medijske hiše (Washington Post, Allgemeine Zeitung, …), ki so v projektu videle svojo korist. Pri delu je kot partner sodeloval tudi Twitter.
Spletne strani, ki so narejene kot AMP, se na spletu prikažejo skoraj takoj, ko jih zahtevamo. To omogočajo optimizirane datoteke Javascript in CSS ter posebno omrežje za dostavo vsebine, Content Delivery Network oziroma CDN.
Zakaj sploh ideja o AMP
Ker je število iskalcev preko mobilnih naprav občutno večje od tistih, ki brskajo po spletu z namiznimi računalniki, se je pojavila potreba po čim hitrejšem nalaganju vsebine. Hkrati z navedenim pa je pomemben dejavnik tudi hitrost prenosa podatkov, ki je v mobilnih omrežjih počasnejša.
Od AMP strani imajo korist tako oglaševalci oziroma lastniki spletnih strani kot tudi njihovi obiskovalci, saj nihče nima rad, če mora na prikaz želene vsebine čakati predolgo. Velja mnenje, da se mora stran naložiti na mobilno napravo najkasneje v 3 sekundah, ker drugače obiskovalec največkrat opusti čakanje in zapusti stran.
Izvorna koda preproste spletne strani
Preden se lotimo razlage, kako izgleda HTML koda preproste AMP spletne strani, si oglejmo kodo navadne spletne strani, ki je zgrajena na klasičen način.
AMP spletne strani se delijo na tri dele
Izvorna koda Accelerated Mobile Pages je razdeljena na tri dele oziroma elemente.
- AMP HTML
- AMP Javascript
- AMP Cache oziroma predpomnilnik
AMP HTML
Koda enostavne AMP strani z nekaj besedila in eno sliko izgleda se loči od običajne strani po dodanih programskih ukazih, ki bodo podrobneje prikazani v objavi Kako zgradimo preprosto AMP stran.
AMP Javascript
Spletne strani, ki so narejene po AMP metodi, uporabljajo AMP javascript knjižnice. S tem odpade marsikatero delo, ki ga morajo izdelovalci klasičnih spletnih strani opraviti sami. Programi, ki se nahajajo v teh knjižnicah, se izvajajo asinhrono, kar pomeni, da se vsebina spletne strani prikaže na ekranu še preden so vsi javascript elementi naloženi na stran.
AMP CDN
Spletna stran se na uporabnikovi mobilni napravi prikaže hitreje, če se teksti in slike naložijo iz predpomnilnikov, ki so razporejeni po vsem svetu. Ko se jih za prikaz potrebuje, se jih dostavi po omrežju Content Delivery Network CDN, ki je bilo razvito za ta namen.
Izvorna koda preproste AMP spletne strani
Potem ko smo zgoraj prikazali, kako izgleda HTML koda preproste spletne strani, nas zanima, kako enako stran spremenimo v AMP izvedbo. Ker pa je postopek za izdelavo bolj obsežen, ga bomo podrobneje prikazali v objavi z naslovom Kako zgradimo preprosto AMP spletno stran, ki bo prišla na vrsto prihodnjič.
Prednosti AMP
Največja prednost AMP spletnih strani je hitrost nalaganja, saj se spletna stran prikaže skoraj takoj. Druga dobra stran tega načina je, da je izdelava spletnih strani bolj enostavna. Omeniti velja tudi to, da AMP spletne strani podpirata oba spletna velikana Google in Bing.
Testiranje AMP spletnih strani
Ko izdelamo spletno stran, ki naj se ravna po strogih Googlovih navodilih za AMP strani, lahko uspešnost dela preizkusimo z ustreznim orodjem. Za te vrste testov lahko uporabimo Googlovo orodje AMP Test, ki je prikazano na spodnji sliki.
Če testiranje pokaže, da spletna stran ne ustreza AMP predpisom, odpravimo nepravilnosti s pomočjo izpisa rezultata testiranja, v katerem so navedene vse napake. Podrobneje se bomo dotaknili testiranja v objavi z naslovom Kako zgradimo preprosto AMP stran.
Spletni studio G-SOFT
Britof 231d, 4000 Kranj
051 - 212 886
info@g-soft.si
