Az AMP előnyei és az, hogy ez különbözik a Responsive Web Designtől
Ha megnézzük az utóbbi években az internetes webhelyek analitikus forgalmát, akkor valószínűleg meg fogja találni, hogy mindegyikük közösen osztozik az egyik legfontosabb dologban - a látogatók számának növekedése a mobileszközöket használó felhasználóktól.
Globálisan ma már több webes forgalom érkezik a mobileszközökbõl, mint a "hagyományos eszközöket", amelyek alapvetõen asztali vagy hordozható számítógépeket jelentenek. Nem kétséges, hogy a mobil számítástechnika megváltoztatta az emberek online tartalmának fogyasztását, ami azt jelenti, hogy megváltoztatta azt a módot, ahogyan az ilyen egyre inkább mobilközpontú közönség számára weboldalakat kell létrehoznunk.
Épület egy mobil közönség számára
A "mobilbarát weboldalak" létrehozása évek óta kiemelt fontosságú a webes szakemberek számára. Olyan gyakorlatok, mint a megfelelő webes tervezés, amelyek segítenek létrehozni olyan webhelyeket, amelyek jól működtek minden eszközön, és a webhelyek teljesítményére és a gyors letöltési időre összpontosítva minden felhasználó, mobil vagy egyéb előnyös. A mobilbarát oldalakkal kapcsolatos másik megközelítés AMP webes fejlesztésként ismert, amely az Accelerated Mobile Pages-t jelenti.
Ez a projekt, amelyet a Google támogat, olyan nyílt szabványként jött létre, amely lehetővé teszi a webes megjelenítők számára, hogy olyan webhelyeket hozzanak létre, amelyek gyorsabban töltődnek be a mobileszközökön. Ha úgy gondolja, hogy ez nagyon hasonlít a válaszadó webes tervezéshez, akkor nem rossz. A két koncepció közösen osztozik, nevezetesen, hogy mindkettőjüknek a mobileszközökön lévő felhasználóknak történő tartalomszolgáltatásra kell összpontosítania. Számos különbség van azonban e két megközelítés között.
A legfontosabb különbségek az AMP és a felelősségteljes webes tervezés között
Az érzékeny web design egyik erőssége mindig a rugalmasság volt, amelyet egy webhelyhez ad. Hozzon létre egy oldalt, amely automatikusan reagál a látogató képernyőméretére. Ezzel elérheti az oldal elérését és a megfelelő élményt a készülékek és a képernyőméretek széles skálájához, a mobiltelefonoktól a tablettákig laptopokig, asztali számítógépekig és azon túl. A felelősségteljes webes tervezés minden eszközre és felhasználói élményre összpontosít, nem csak mobilra. Ez valamilyen módon jó, és másokban is rossz.
A webhely rugalmassága nagyszerű, de ha tényleg a mobilra szeretnél koncentrálni, egy webhely létrehozása, amely az összes képernyőre összpontosul, nem pedig kizárólag mobileszközökön, kereskedelmi rugalmasságot jelenthet a tisztán optimalizált mobilteljesítmény érdekében. Ez az elmélet az AMP mögött.
Az AMP kizárólag a sebességre koncentrál - azaz a mobil sebességre. Szerint Malte Ubl, a Google Tech Lead ennek a projektnek az a célja, hogy "azonnali renderelést biztosítson a webes tartalmaknak." Néhány módszer a következőkre terjed ki:
- Lusta betöltés
- Preconnect használata
- Erőforrások előhívása
- Async Javascript
- Inline stíluslapok
- Nincs letölthető betűtípus
- Erőforrás rangsorolása
Ezek csak néhány olyan megbízó, amely az AMP-t ilyen gyorsan terheli . Vannak azonban olyan elemek is a listán, amelyek hosszú időre képesek a webes szakemberek számára. Inline stíluslapok , például. Sokan évek óta elmondják, hogy minden stílusnak külső stíluslapokból kell állnia. A CSS erősségeinek egyike az, hogy képes legyen megtervezni egy-egy oldalt tartalmazó oldalak egyikét - egy olyan erő, amely negatív, ha az oldalak inline stílusokat használnak. Igen, megakadályozza, hogy le kell töltenie a külső fájlt, de azzal a költséggel, hogy képes legyen kezelni az egész webhelyet egyetlen stíluslapmal. Tehát melyik megközelítés jobb? A valóság az, hogy mindkettőnek előnyei és hátrányai vannak. A web folyamatosan változik, és különböző emberek, akik meglátogatják webhelyét, különböző igényeket támasztanak. Nagyon nehéz meghatározni a szabályokat, amelyek minden esetben alkalmazandók, mivel a különböző megközelítéseknek van értelme a különböző helyzetekben. A legfontosabb az, hogy mérlegeljük az egyes megközelítések előnyeit vagy hátrányait annak meghatározásához, hogy melyik a legjobb az adott esetnél.
Az AMP és az RWD közötti másik kulcsfontosságú különbség az, hogy a reaktív tervezést ritkán "hozzáadják" egy meglévő webhelyhez. Mivel az RWD valójában egy webhely architektúrájának és tapasztalatának alapját képező újragondolás, általában azt követeli meg, hogy az oldal újratervezése és átalakítása a reagáló stílusok befogadására szolgáljon. Az AMP azonban hozzáadható egy meglévő webhelyre. Valójában még létező, reagáló webhelyre is felvehető.
Javascript szempontok
Az RWD webhelyekkel ellentétben az AMP-oldalak nem jól játszanak a Javascript programmal. Ez magában foglalja a harmadik fél szkripteket és könyvtárakat, amelyek ma nagyon népszerűek a webhelyeken. Ezek a könyvtárak hihetetlen funkciókat adhatnak hozzá egy webhelyhez, de hatással vannak a teljesítményre is. Mint ilyen, az az oka, hogy egy olyan megközelítés, amely kifejezetten a lapsebességre összpontosít, kizárná a Javascript fájlokat. Ez az oka annak, hogy az AMP-t gyakran a statikus weboldalakon használják, szemben a rendkívül dinamikusakkal vagy azokkal, amelyek valamilyen okból valamilyen speciális Javascript-effektust igényelnek. Például egy "galéria" stílust használó weboldal galéria nem lesz nagyszerű jelölt az AMP számára. Másrészt egy szabványos weboldal cikk vagy sajtóközlemény, amely nem igényel semmilyen fantasztikus funkciót, nagyszerű oldal lesz az AMP-hez való szállításhoz. Ezt az oldalt valószínűleg azok olvastam, akik olyan mobileszközöket használnak, akik a közösségi médiában vagy egy mobil Google-keresésen keresztül látták a kapcsolatot. Ha képesek arra, hogy azonnal elküldjék ezt a tartalmat, amikor kérik, ahelyett, hogy lassítaná a letöltési sebességet, míg felesleges Javascript és más erőforrások betöltődtek, nagy ügyfélélményt nyújt.
A helyes megoldás kiválasztása
Tehát melyik opció megfelel Önnek - AMP vagy RWD? Természetesen az Ön sajátos szükségleteitől függ, de nem kell választania egyet vagy a másikat. Ha okosabb (és sikeresebb) online stratégiákat akarunk elérni, ez azt jelenti, hogy meg kell fontolnunk az összes rendelkezésünkre álló eszközt, és meg kell tanulnunk, hogyan fognak együtt dolgozni. Talán ez azt jelenti, hogy a webhelyet megfelelően viszi át, de az AMP-t olyan kiválasztott szakaszokon vagy oldalakon használja, amelyek leginkább megfelelnek az adott fejlesztési stílusnak. Ez azt is jelentheti, hogy figyelembe veszi a különböző megközelítések szempontjait, és összekapcsolja őket olyan hibrid megoldások létrehozásával, amelyek megfelelnek a sajátos igényeknek és amelyek mindkét világnak a legjobbat nyújtják az adott webhely látogatóinak.