Beneficiile AMP și modul în care aceasta diferă de Responsive Web Design
Dacă vă uitați la ultimii ani de trafic de analiză pentru site-uri web, veți găsi probabil că aceștia împărtășesc un singur lucru major în comun - o creștere a numărului de vizitatori pe care îi primesc de la utilizatori pe dispozitive mobile.
La nivel global, există acum mai mult trafic web provenit de la dispozitive mobile decât de la ceea ce considerăm "dispozitive tradiționale", ceea ce înseamnă, în principiu, computere desktop sau laptop. Nu există nicio îndoială că computerele mobile au schimbat modul în care oamenii consumă conținut online, ceea ce înseamnă că a schimbat modul în care trebuie să construim site-uri web pentru acele segmente din ce în ce mai mobile orientate spre public.
Clădire pentru un public mobil
Crearea "site-urilor mobile mobile" a fost o prioritate pentru profesioniștii web de mulți ani. Practici precum designul web receptiv care vizează crearea site-urilor care au funcționat bine pentru toate dispozitivele și concentrarea asupra performanței site-ului și a timpului de descărcare rapidă îi ajută pe toți utilizatorii, mobili sau altfel. O altă abordare a site-urilor mobile mobile este cunoscută sub denumirea de AMP web development, care reprezintă Accelerated Mobile Pages.
Acest proiect, susținut de Google, a fost creat ca un standard deschis menit să permită editorilor site-urilor web să creeze site-uri care se încarcă mai rapid pe dispozitivele mobile. Dacă vă gândiți că sună foarte mult ca un design web receptiv, nu greșești. Cele două concepte au multe în comun, și anume că acestea se concentrează pe furnizarea de conținut utilizatorilor de pe dispozitivele mobile. Cu toate acestea, există o serie de diferențe între aceste două abordări.
Diferențe cheie între AMP și designul web responsabil
Unul dintre punctele forte ale design-ului web receptiv a fost întotdeauna flexibilitatea pe care o adaugă unui site. Puteți crea o pagină care răspunde automat la dimensiunea ecranului vizitatorului. Acest lucru oferă accesul paginii dvs. și capacitatea de a oferi o experiență bună pentru o gamă largă de dispozitive și dimensiuni de ecran, de la telefoane mobile la tablete până la laptopuri, desktopuri și altele. Responsabilitatea web design-ului se concentrează pe toate dispozitivele și experiențele utilizatorilor , nu doar pe cele mobile. Acest lucru este bun atât în unele moduri, cât și rău în altele.
Flexibilitatea într-un site este excelentă, dar dacă doriți cu adevărat să vă concentrați pe mobil, crearea unui site care se concentrează pe toate ecrane, în loc să fie exclusiv pe cele mobile, poate fi o flexibilitate comercială pentru o performanță mobilă optimizată. Aceasta este teoria din spatele AMP.
AMP se axează exclusiv pe viteză - și anume viteza mobilă. Potrivit Malte Ubl, Google Tech Lead pentru acest proiect, AMP își propune să aducă "redarea instantanee a conținutului web". Unele dintre modalitățile în care acest lucru se face includ:
- Lazy încărcare
- Folosind preconnect
- Pregătirea resurselor
- Async Javascript
- Foi de stil inline
- Nu există fonturi descărcabile
- Prioritizarea resurselor
Acestea sunt doar câțiva dintre directorii care fac încărcarea AMP atât de repede . Există, de asemenea, unele elemente din această listă, care pot face ca profesioniștii de web pe termen lung să se strice. Fișe de stil inline , de exemplu. Mulți dintre noi ni-au spus de ani de zile că toate stilurile ar trebui să fie conținute în foi de stil externe. Posibilitatea de a modela o mulțime de pagini de pe site-ul dintr-o singură foaie externă este unul dintre punctele forte ale CSS - o putere care este negată dacă paginile utilizează în schimb stiluri inline. Da, vă împiedicați să descărcați fișierul extern, dar cu prețul de a putea gestiona întregul site cu foaia de stil unică. Deci, ce abordare este mai bună? Realitatea este că ambele au avantajele și dezavantajele lor. Web-ul se schimbă în mod constant și diferiți oameni care vizitează site-ul dvs. au nevoi diferite. Este foarte dificil să se stabilească reguli care se vor aplica în toate cazurile, deoarece abordări diferite au sens în diferite situații. Cheia este de a cântări beneficiile sau dezavantajele fiecărei abordări pentru a determina care este cel mai bine în cazul dvs. particular.
O altă diferență cheie între AMP și RWD este faptul că designul receptiv este rareori "adăugat" pe un site existent. Deoarece RWD este într-adevăr o regândire a arhitecturii și experienței site-ului, va fi nevoie, în general, ca site-ul să fie reproiectat și redezvoltat pentru a se adapta stilurilor receptive. Cu toate acestea, AMP poate fi adăugat pe un site existent. De fapt, poate fi adăugat chiar și pe un site receptiv existent.
Considerații privind Javascript
Spre deosebire de site-urile cu RWD, site-urile AMP nu se joacă bine cu Javascript. Aceasta include scenariile și bibliotecile de partid din 3, care sunt foarte populare pe site-urile de astăzi. Aceste biblioteci pot adăuga o funcție incredibilă unui site, dar ele influențează și performanța. Ca atare, este logic ca o abordare concentrata pe viteza paginii sa evite fisierele Javascript. Din acest motiv, AMP este adesea cel mai bine utilizat pe paginile statice, spre deosebire de cele foarte dinamice sau cele care necesită efecte specifice Javascript pentru un motiv sau altul. De exemplu, o galerie de site-uri care utilizează o experiență de stil "lightbox" nu va fi un mare candidat pentru AMP. Pe de altă parte, un articol de pe site-ul standard sau un comunicat de presă care nu necesită o funcționalitate fantezie ar fi o pagină excelentă de livrat cu AMP. Este posibil ca această pagină să fie citită de persoane care utilizează dispozitive mobile care au văzut linkul pe mass-media sociale sau printr-o căutare Google mobilă. Fiind capabil să livreze instantaneu acel conținut atunci când o cer, în loc să încetinească viteza de descărcare în timp ce Javascript și alte resurse inutile sunt încărcate, face pentru o experiență mare client.
Alegerea soluției potrivite
Deci, ce opțiune este potrivită pentru dvs. - AMP sau RWD? Depinde de nevoile dvs. specifice, desigur, dar nu trebuie să alegeți unul sau altul. Dacă vrem să avem strategii online mai inteligente (și mai reușite), înseamnă că trebuie să luăm în considerare toate instrumentele de care dispunem și să învățăm cum vor lucra împreună. Poate că acest lucru înseamnă livrarea site-ului dvs. în mod sensibil, dar folosind AMP pe anumite secțiuni sau pagini care pot fi cele mai potrivite pentru acel stil de dezvoltare. Ar putea însemna, de asemenea, să luăm aspecte ale diferitelor abordări și să le combinăm pentru a crea soluții hibride care să răspundă nevoilor foarte specifice și care să ofere cele mai bune din ambele lumi vizitatorilor acestui site.