Výhody AMP a ako sa odlišuje od Responsive Web Design
Ak sa pozriete na niekoľko posledných rokov analytickej návštevnosti pre webové stránky, pravdepodobne zistíte, že všetci zdieľajú jednu hlavnú vec spoločnú - zvýšenie počtu návštevníkov, ktorí získavajú od používateľov v mobilných zariadeniach.
V globálnom meradle je teraz viac návštevnosti z mobilných zariadení než z toho, čo by sme považovali za "tradičné zariadenia", čo v podstate znamená stolové alebo prenosné počítače. Niet pochýb o tom, že mobilné počítače zmenili spôsob, akým ľudia spotrebúvajú on-line obsah, čo znamená, že zmenilo spôsob, akým budeme musieť vytvárať webové stránky pre tie čoraz mobilnejšie orientované publikum.
Budovanie pre mobilné publikum
Vytváranie "priateľských webových stránok pre mobilné zariadenia" je už mnoho rokov prioritou pre profesionálov na internete. Postupy, ako je responzívny dizajn webových stránok, pomáhajú vytvárať stránky, ktoré fungovali dobre pre všetky zariadenia, a zameranie sa na výkonnosť webových stránok a rýchle časy preberania prinášajú úžitok všetkým používateľom, mobilným alebo iným. Ďalším prístupom k stránkam mobilných webových stránok je známy ako vývoj webových aplikácií AMP, čo znamená zrýchlené mobilné stránky.
Tento projekt, ktorý podporuje spoločnosť Google, bol vytvorený ako otvorená norma, ktorá umožňuje vydavateľom webových stránok vytvárať stránky, ktoré sa načítavajú rýchlejšie na mobilných zariadeniach. Ak si myslíte, že to znie ako odpoveď na dizajn webových stránok, nemýlite sa. Obidva koncepty majú veľa spoločného, a to, že sú obidva zamerané na poskytovanie obsahu používateľom v mobilných zariadeniach. Existuje však niekoľko rozdielov medzi týmito dvoma prístupmi.
Kľúčové rozdiely medzi AMP a Responsive Web Design
Jednou zo silných stránok citlivého dizajnu webu bola vždy flexibilita, ktorú pridáva na web. Môžete vytvoriť jednu stránku, ktorá automaticky reaguje na veľkosť obrazovky návštevníka. Tým sa dosahuje vaša stránka a umožňuje vám poskytnúť dobrú skúsenosť so širokou škálou zariadení a veľkostí obrazovky, od mobilných telefónov až po tablety až po laptopy, stolné počítače a ďalšie. Zodpovedný návrh webových stránok je zameraný na všetky zariadenia a používateľské skúsenosti , nielen mobilné. To je v niektorých ohľadoch dobré aj zlé v iných.
Flexibilita v lokalite je skvelá, ale ak sa naozaj chcete zamerať na mobilné zariadenia, vytváranie stránky, ktorá sa zameriava na všetky obrazovky namiesto výhradne na mobilné zariadenia, môže byť flexibilitou obchodovania za čisto optimalizovanú výkonnosť mobilných zariadení. To je teória AMP.
AMP je čisto zameraná na rýchlosť - konkrétne mobilnú rýchlosť. Podľa spoločnosti Malte Ubl, Google Tech Lead pre tento projekt, AMP sa snaží priniesť "okamžité vykresľovanie webového obsahu." Niektoré spôsoby, ako to urobiť, zahŕňajú:
- Lazy loading
- Používanie predpojania
- Predvolené zdroje
- Async Javascript
- Inline štýly
- Žiadne písma na stiahnutie
- Prioritizácia zdrojov
To sú len niektoré z princípov, ktoré spôsobujú, že AMP sa načíta tak rýchlo . Existujú však aj niektoré položky v tomto zozname, ktoré môžu spôsobiť, že dlhoroční profesionáli v sieti sa zhoršia. Inline štýly , napríklad. Mnohí z nás už roky hovorili, že všetky štýly by mali byť obsiahnuté v externých štýloch. Umožnenie štýlu veľa stránok stránok všetko z jedného vonkajšieho hárku je jednou zo silných stránok CSS - sily, ktorá je negovaná, ak stránky používajú namiesto toho inline štýly. Áno, zabraňujete nutnosti sťahovania externého súboru, ale za cenu, že budete môcť spravovať celú stránku s jednotlivým štýlom. Takže aký prístup je lepší? Skutočnosťou je, že obaja majú svoje výhody a nevýhody. Web sa neustále mení a rôzni ľudia, ktorí navštevujú vaše stránky, majú rôzne potreby. Je veľmi ťažké stanoviť pravidlá, ktoré sa budú uplatňovať vo všetkých prípadoch, pretože rôzne prístupy majú zmysel v rôznych situáciách. Kľúčom je zvážiť výhody alebo nevýhody každého prístupu, aby ste zistili, čo je najlepšie vo vašom konkrétnom prípade.
Ďalším kľúčovým rozdielom medzi AMP a RWD je skutočnosť, že reagujúci dizajn je zriedka "pridávaný" na existujúce stránky. Pretože RWD je naozaj premysleným prehodnotením architektúry a skúseností lokality, bude všeobecne vyžadovať, aby sa lokalita prepracovala a prerobila tak, aby vyhovovala odpovedajúcim štýlom. AMP je však možné pridať na existujúce miesto. V skutočnosti môže byť dokonca pridaná na existujúcu citlivú lokalitu.
Javascript úvahy
Na rozdiel od webových stránok s RWD stránky AMP nesprávne hrajú Javascript. To zahŕňa skripty a knižnice tretej strany, ktoré sú dnes na stránkach veľmi populárne. Tieto knižnice môžu pridávať k lokalite neuveriteľné funkcie, ale majú aj vplyv na výkonnosť. Ako taký, je logické, že prístup zameraný na rýchlosť stránky by sa vyhýbal súborom vo formáte Javascript. Z tohto dôvodu sa AMP často používa na statických webových stránkach na rozdiel od veľmi dynamických, alebo tých, ktoré vyžadujú špecifické efekty jazyka Javascript z jedného alebo druhého dôvodu. Napríklad galeria webových stránok, ktorá využíva skúsenosti so štýlom "Lightbox", nebude pre AMP skvelým kandidátom. Na druhej strane štandardný článok o webových stránkach alebo tlačová správa, ktorá nevyžaduje žiadnu fantastickú funkčnosť, by bola skvelá stránka, ktorú môžete poskytnúť s AMP. Táto stránka je pravdepodobne čítaná ľuďmi, ktorí používajú mobilné zariadenia, ktoré môžu vidieť odkaz na sociálnych médiách alebo prostredníctvom mobilného vyhľadávania Google. Umožňujú okamžite dodať tento obsah, keď o to požiadajú, namiesto spomalenia rýchlosti sťahovania, zatiaľ čo zbytočné Javascript a iné zdroje sú načítané, je pre skvelý zákaznícky zážitok.
Výber správneho riešenia
Takže ktorá voľba je pre vás to pravé - AMP alebo RWD? Záleží na vašich konkrétnych potrebách, samozrejme, ale nemusíte si vybrať jeden alebo druhý. Ak chceme mať inteligentnejšie (a úspešnejšie) online stratégie, znamená to, že musíme zvážiť všetky nástroje, ktoré máme k dispozícii, a zistiť, ako budú spolupracovať. Možno to znamená, že doručujete svoje stránky citlivo, ale použitím AMP na vybraných oddieloch alebo stránkach, ktoré môžu byť najvhodnejšie pre tento štýl vývoja. Mohlo by to znamenať aj prijímanie aspektov rôznych prístupov a ich kombinovanie s cieľom vytvoriť hybridné riešenia, ktoré spĺňajú veľmi špecifické potreby a ktoré prinášajú to najlepšie z oboch svetov návštevníkom tejto lokality.