Kiwop / Blog / Disseny i Desenvolupament Web / AMP: ACCELERATED MOBILE PAGES

AMP: ACCELERATED MOBILE PAGES

AMP es una tecnologia creada per Google. El seu objectiu principal és fer que els llocs web es carreguin més ràpidament en dispositius mòbils.

Què és exactament AMP (Accelerated Mobile Pages)?

AMP (Accelerated Mobile Pages) és un llenguatge de creació de llocs web derivat de HTML i optimitzat perquè els llocs web es carreguin gairebé immediatament en dispositius mòbils.

Estructurar l’HTML d’una forma comuna i predefinida pot alleugerar les pàgines accelerant el seu desplegament a plataformes mòbils.

Situació Actual

Actualment, el trànsit de llocs web des de dispositius mòbils ha superat al dels ordinadors d’escriptori i, en molts casos, els dissenys web no s’adapten correctament. A més, l’experiència de navegació del usuari (UX) disminueix notablement quan la velocitat de càrrega d’un lloc web és lenta.

Per aquests motius, Google ha liderat el projecte AMP mitjançant un lliurament de contingut CDN (Content Delivery Network).

Objectius de la tecnologia AMP

L’objectiu principal d’AMP és millorar la velocitat de càrrega de les pàgines web mòbils, millorant així l’experiència de l’usuari. Avui en dia, si una pàgina web no apareix a la pantalla del dispositiu mòbil en uns 3 segons, el 40% dels usuaris abandonen i inicien una altra cerca.

La plataforma AMP pretén evitar aquest elevat percentatge d’abandonament proporcionant als programadors i gestors de llocs web els mitjans tècnics que necessiten per optimitzar el rendiment en dispositius mòbils.

En definitiva, Accelerated Mobile Pages és un projecte dissenyat per optimitzar i fer més ràpids els llocs web mòbils.

Beneficis principals de la tecnologia AMP

  • Els llocs web que utilitzen tecnologia AMP carreguen fins a un 85% més ràpid en dispositius mòbils que els llocs web que no utilitzin AMP. La despesa de dades és notablement menor i el cost de la bateria del dispositiu mòbil també es redueix.
  • La tecnologia AMP pot augmentar el nombre de visites i la permanència d’usuaris al lloc web. La tecnologia AMP pot augmentar el nombre de visites i la permanència d’usuaris al lloc web.
  • Les pàgines optimitzades AMP obtenen millors rànquings en motors de cerca i una taxa de conversió més alta entre usuaris mòbils i clients.
  • Augmenta l’adquisició de leads en entorns mòbils

El llenguatge HTML AMP

Les pàgines AMP estan programades en AMP HTML (sub-idioma HTML) un format obert amb llicència Apache. El codi HTML AMP està disponible a GitHub per a la seva integració en sistemes de gestió de contingut.

L’estructura d’una pàgina AMP té els fitxers següents:

AMP HTML:

Ofereix elements que proporcionen un major rendiment i una càrrega immediata de contingut estàtic.

AMP JAVASCRIPT:

JavaScript framework per a pàgines mòbils que gestiona recursos i la seva càrrega. Les pàgines mòbils accelerades només permeten el JavaScript proporcionat per AMP JS.

AMP CDN:

Xarxa de distribució de contingut, recopila pàgines AMP, les guarda en memòria cache i les optimitza automàticament.

AMP CACHÉ:

Sistema de distribució de fitxers i contingut. Aquesta memòria caché emmagatzema el codi HTML del lloc web per fer la publicació més àgil.

Com identificar les pàgines AMP?

Totes les pàgines d’un lloc web HTML que tinguin una versió AMP han de tenir una etiqueta en el codi amb l’atribut “amphtml” que indiqui a Google on es troba la versió i una etiqueta amb l’atribut “canònic” que indica la pàgina HTML de la qual prové per evitar que el contingut es consideri duplicat.

D’altra banda, les pàgines que no tinguin versió HTML tindran elles mateixes una “canònica” per ser indexades.

AMP LITE i el algoritme RAISR

Google ha llançat una versió més lleugera del projecte AMP perquè els usuaris puguin navegar a la màxima velocitat fins i tot amb una connexió limitada i lenta.

La versió AMP Lite millora el consum de dades d’AMP un 45%. Google comprimeix les imatges en format web amb aquells navegadors amb els quals és compatible. Les imatges fan ús de l’algoritme RAISR, capaç de reduir el pes d’una imatge en un 75% alhora que redueix la seva qualitat.

Volem ajudar-te a obtenir resultats.

Deixa un comentari

Volem ajudar-te a obtenir resultats.
COMENCEM?