Co je to vývoj webu AMP (Accelerated Mobile Pages)?

Výhody AMP a jak se liší od Responsive Web Design

Pokud se podíváte na posledních několik let provozu na webových stránkách pro analýzu, pravděpodobně zjistíte, že všichni sdílejí jednu společnou věc - zvýšení počtu návštěvníků, které získávají od uživatelů v mobilních zařízeních.

V celosvětovém měřítku je z mobilních zařízení více webového provozu než z toho, co považujeme za "tradiční zařízení", což v podstatě znamená stolní nebo přenosné počítače. Není pochyb o tom, že mobilní výpočetní technika změnila způsob, jakým lidé konzumují online obsah, což znamená, že změnilo způsob, jakým budeme vytvářet webové stránky pro stále častěji orientované publikum.

Budování pro mobilní publikum

Vytváření "přátelských mobilních webových stránek" je pro web profesionály již řadu let prioritou. Cvičení, jako je responzivní návrh webových stránek, mají za cíl pomáhat vytvářet weby, které fungují dobře pro všechna zařízení, a soustředit se na výkonnost webových stránek a rychlý čas stahování je přínosem pro všechny uživatele, mobilní nebo jiné. Další přístup k mobilním webům je známý jako AMP web development, což znamená Accelerated Mobile Pages.

Tento projekt, který podporuje společnost Google, byl vytvořen jako otevřený standard, který umožňuje vydavatelům stránek vytvářet stránky, které se na mobilních zařízeních rychleji načítají. Pokud si myslíte, že to zní hodně jako reagující web design, nejste špatně. Obě koncepty mají hodně společného, ​​a to, že se obě zaměřují na poskytování obsahu uživatelům v mobilních zařízeních. Mezi těmito dvěma přístupy však existuje řada rozdílů.

Klíčové rozdíly mezi AMP a odpovědným webovým designem

Jednou ze silných stránek reagujícího webového designu byla vždy flexibilita, kterou přidává na web. Můžete vytvořit jednu stránku, která automaticky reaguje na velikost obrazovky návštěvníka. To dává vaší stránce dosah a schopnosti poskytovat dobré zkušenosti pro širokou škálu zařízení a velikosti obrazovky, od mobilních telefonů až po tablety až po notebooky, stolní počítače a další. Odpovědný návrh webových stránek je zaměřen na všechna zařízení a uživatelské zkušenosti , nejen mobilní. To je v některých ohledech dobré i jiné.

Flexibilita v síti je skvělá, ale pokud se chcete opravdu zaměřit na mobilní zařízení, vytváření stránek, které se zaměřují na všechny obrazovky namísto výhradně na mobilní zařízení, může být flexibilní obchodování pro čistě optimalizovaný mobilní výkon. To je teorie AMP.

AMP je čistě zaměřena na rychlost - jmenovitě mobilní rychlost. Podle společnosti Malte Ubl, Google Tech Lead pro tento projekt, AMP usiluje o "okamžité vykreslování webového obsahu". Některé ze způsobů, jak se to dělá, zahrnují:

To jsou jen některé z principů, které AMP zatížení tak rychle . Existují však také některé položky v tomto seznamu, které mohou dělat dlouhodobé webové profesionály střetnout. Inline stylové listy , například. Mnoho z nás bylo řečeno, že všechny styly by měly být obsaženy v externích style sheets. Umožňuje stylovat spoustu stránek, a to vše z jednoho vnějšího listu, je jednou ze silných stránek CSS - síly, která je vyloučena, pokud stránky místo toho používají inline styly. Ano, zabraňujete nutnosti stahovat externí soubor, ale za cenu, že budete moci spravovat celý web s jednotlivým stylem. Jaký přístup je lepší? Skutečností je, že oba mají své výhody a nevýhody. Web se neustále mění a různí lidé, kteří navštěvují vaše stránky, mají různé potřeby. Je velmi obtížné stanovit pravidla, která se použijí ve všech případech, protože různé přístupy mají smysl v různých situacích. Klíčem je zvážit výhody nebo nevýhody každého přístupu k určení toho, co je nejlepší ve vašem konkrétním případě.

Dalším hlavním rozdílem mezi AMP a RWD je skutečnost, že reagující design je zřídkakdy "přidán" k existujícímu webu. Vzhledem k tomu, že RWD je opravdu zásadní přehodnocení architektury a zkušeností webu, bude obecně vyžadovat, aby byly stránky redesignovány a přestavěny tak, aby vyhovovaly citlivým stylům. AMP je však možné přidat na stávající místo. Ve skutečnosti může být dokonce přidána na existující citlivé místo.

Javascript úvah

Na rozdíl od webů s RWD stránky AMP nehrají dobře s Javascript. To zahrnuje skripty a knihovny třetích stran, které jsou na dnešních stránkách velmi oblíbené. Tyto knihovny mohou do stránky přidat neuvěřitelnou funkci, ale mají vliv i na výkon. Jako takový je zřejmé, že přístup, který se velice zaměřuje na rychlost stránky, by vyloučil soubory Javascript. Z tohoto důvodu se AMP často používá nejlépe na statických webových stránkách, na rozdíl od vysoce dynamických, nebo těch, které vyžadují specifické efekty jazyka Javascript z jednoho nebo jiného důvodu. Například galerie webových stránek, která využívá zkušenosti ve stylu "lightbox", nebude pro AMP skvělým kandidátem. Na druhou stranu, standardní webový článek nebo tisková zpráva, která nevyžaduje žádnou fantazijní funkci, by byla skvělou stránkou, která by mohla být dodána s AMP. Tuto stránku pravděpodobně čte uživatelé, kteří používají mobilní zařízení, kteří možná viděli odkaz na sociální média nebo prostřednictvím mobilního vyhledávání Google. Díky schopnosti okamžitě poskytnout tento obsah, když o to požádají, namísto zpomalení rychlosti stahování, když jsou načteny zbytečné Javascript a další zdroje, přináší skvělý zážitek zákazníků.

Výběr správného řešení

Která volba je pro vás vhodná - AMP nebo RWD? Záleží na vašich specifických potřebách, samozřejmě, ale nemusíte si vybrat jednu či druhou. Chceme-li mít chytřejší (a úspěšnější) on-line strategie, znamená to, že musíme zvážit všechny nástroje, které máme k dispozici, a dozvědět se, jak budou spolupracovat. Možná to znamená, že vaše stránky reagují citlivě, ale pomocí AMP na vybraných částech nebo stránkách, které mohou být nejvhodnější pro tento styl vývoje. Mohlo by to také znamenat, že bychom se měli zabývat aspekty různých přístupů a spojit je s cílem vytvořit hybridní řešení, která splňují velmi specifické potřeby a která přinese to nejlepší z obou světů návštěvníkům tohoto webu.