Els avantatges d'AMP i com es diferencia del Disseny Web Responsive
Si observeu els darrers anys del trànsit d'anàlisi dels llocs web, és probable que trobeu que tots comparteixen una cosa important en comú: una pujada del nombre de visitants que obtenen dels usuaris en dispositius mòbils.
A nivell mundial, ara hi ha més trànsit web procedent de dispositius mòbils que del que considerem "dispositius tradicionals", que bàsicament significa ordinadors d'escriptori o portàtils. No hi ha dubte que la informàtica mòbil ha canviat la forma en què la gent consumeix continguts en línia, el que significa que ha canviat la manera de construir llocs web per a aquells públics cada vegada més centrats en el mòbil.
Construcció d'un públic mòbil
La creació de "llocs web mòbils amigables" ha estat una prioritat per als professionals de la web durant molts anys. Les pràctiques com a disseny web atractiu per ajudar a crear llocs que funcionaven bé per a tots els dispositius, i un enfocament en el rendiment del lloc web i els temps de descàrrega ràpids beneficien tots els usuaris, mòbils o d'una altra manera. Un altre enfocament per a llocs amigables per a mòbils es coneix com el desenvolupament web AMP, que significa Accelerated Mobile Pages.
Aquest projecte, que compta amb el suport de Google, es va crear com un estàndard obert per permetre als editors de llocs web crear llocs que es carreguin més ràpidament en dispositius mòbils. Si esteu pensant que això sona molt com un disseny web sensible, no esteu equivocat. Els dos conceptes comparteixen molt en comú, és a dir, que tots dos estan centrats a oferir contingut als usuaris en dispositius mòbils. Tanmateix, hi ha diverses diferències entre aquests dos enfocaments.
Diferències clau entre AMP i disseny web responsable
Un dels punts forts del disseny web atractiu ha estat sempre la flexibilitat que afegeix a un lloc. Podeu crear una pàgina que respongui automàticament a la mida de la pantalla del visitant. D'aquesta manera, s'ofereix l'abast de la pàgina i la capacitat d'oferir una bona experiència a una àmplia gamma de dispositius i mides de pantalla, des de telèfons mòbils fins a ordinadors portàtils, ordinadors de sobretaula i més enllà. El disseny web responsable es centra en tots els dispositius i experiències d'usuari , no només mòbils. Això és bo, d'alguna manera, i dolent en altres.
La flexibilitat en un lloc és excel·lent, però si realment voleu centrar-se en el mòbil, crear un lloc que se centri en totes les pantalles, en comptes de només per a mòbils, pot ser una flexibilitat comercial per a un rendiment mòbil totalment optimitzat. Aquesta és la teoria de AMP.
AMP està centrat exclusivament en la velocitat, és a dir, la velocitat del mòbil. Segons Malte Ubl, Google Tech Lead per a aquest projecte, AMP vol portar "la reproducció immediata al contingut web". Algunes de les maneres en què es fa són:
- Carrega pessigolleta
- Ús de preconnexió
- Prefigura els recursos
- Async Javascript
- Fulls d'estil en línia
- No hi ha fonts descarregables
- Priorització de recursos
Són alguns dels principals que fan que la càrrega d' AMP sigui tan ràpida . Tanmateix, hi ha alguns articles d'aquesta llista que poden provocar que els professionals de la web de llarga data s'animin. Fulls d'estil en línia , per exemple. Molts de nosaltres ens han dit durant anys que tots els estils haurien d'estar continguts en fulls d'estil externs. Ser capaç d'escriure moltes pàgines del lloc des d'un full extern és una de les fortaleses de CSS: una força que es nega si les pàgines usen estils en línia. Sí, evita la necessitat de descarregar el fitxer extern, però a costa de gestionar tot el lloc amb el full d'estil únic. Quin enfocament és millor? La realitat és que tots dos tenen els seus avantatges i desavantatges. La web està canviant constantment i les diferents persones que visiten el vostre lloc tenen necessitats diferents. És molt difícil establir normes que s'aplicaran en tots els casos, perquè els diferents enfocaments tenen sentit en diferents situacions. La clau és ponderar els avantatges o inconvenients de cada enfocament per determinar quin és el millor en el seu cas particular.
Una altra diferència clau entre AMP i RWD és el fet que el disseny sensible rarament s'afegeix a un lloc existent. Atès que RWD és realment un replantejament bàsic de l'arquitectura i l'experiència d'un lloc, generalment requerirà que aquest lloc es redissenyi i redoblament per adaptar-se als estils de resposta. No obstant això, l'AMP es pot afegir a un lloc existent. De fet, fins i tot es pot afegir a un lloc de resposta existent.
Consideracions de Javascript
A diferència dels llocs amb RWD, els llocs d'AMP no funcionen bé amb Javascript. Això inclou tres guions de partit i biblioteques que són molt populars en els llocs d'avui. Aquestes biblioteques poden afegir una funcionalitat increïble a un lloc, però també afecten el rendiment. Com a tal, és raonable que un enfocament centrat en la velocitat de la pàgina eviti els fitxers Javascript. És per aquest motiu que AMP sovint s'utilitza millor en pàgines web estàtiques a diferència d'aquells que són altament dinàmics o que requereixen efectes Javascript específics per una o altra raó. Per exemple, una galeria de llocs web que fa ús d'una experiència d'estil "lightbox" no serà un gran candidat per a AMP. D'altra banda, un article web estàndard o comunicat de premsa que no requereixi cap funcionalitat extravagante seria una gran pàgina per lliurar amb AMP. És probable que aquesta pàgina sigui llegida per persones que utilitzin dispositius mòbils que hagin vist l'enllaç a les xarxes socials o mitjançant una cerca de Google per a mòbils. Ser capaç d'enviar de manera instantània aquest contingut quan ho sol·liciteu, en comptes de reduir la velocitat de descàrrega mentre es carreguen Javascript i altres recursos innecessaris, fa que la vostra experiència sigui gran.
L'elecció de la correcta solució
Llavors, quina opció és adequada per a vostè: AMP o RWD? Depèn de les vostres necessitats específiques, és clar, però no heu de triar una o una altra. Si volem tenir estratègies en línia més intel·ligents (i més exitoses), significa que hem de considerar totes les eines al nostre abast i aprendre a treballar conjuntament. Potser això vol dir oferir el vostre lloc de manera responsable, però utilitzar AMP en seccions o pàgines seleccionades que puguin ser més adequades per a aquest estil de desenvolupament. També podria significar prendre aspectes de diferents enfocaments i combinar-los per crear solucions híbrides que satisfacin necessitats molt específiques i que ofereixi el millor dels dos mons als visitants d'aquest lloc.