Las Accelerated Mobile Pages o AMP por sus siglas en inglA�s, hacen parte de una iniciativa de cA?digo abierto promovida por Google junto con un gran nA?mero de medios de todo el mundo y otros socios tecnolA?gicos, AMP nace con el objetivo de mejorar la velocidad de carga de las pA?ginas web para mA?viles.A�
Esta iniciativa se concibiA? gracias a dos variables, la primera es que el nA?mero de usuarios de dispositivos mA?viles es superior al nA?mero de usuarios de computadores de escritorio, y la segunda, es que la navegaciA?n desde dispositivos mA?viles es frustrante ya que los sitios web no siempre estA?n correctamente adaptados para estos dispositivos.
A?CuA?l es el problema?
En algunas ocasiones se bloquea la carga del contenido, debido a que un elemento no carga con suficiente rapidez y el resto de elementos no continA?a cargando, lo que genera una fila de elementos en carga, que hace que el sitio web se demore mA?s en cargar.
- 75% de los sitios en dispositivos mA?viles tardan mA?s de 10 segundos en cargar.
- 53% de los visitantes de sitios moviles abandona la pagina si tarda mA?s de 3 segundos en cargar.
- Los sitios que cargen en 5 segundos vs los que cargan en 19 reciben el doble de ingresos.
La receta que usaA�AMP para mejorar el rendimiento de las pA?ginas webA�para mA?viles se basa principalmente en los siguientes elementos:
- AMP: Consiste en adaptar el cA?digo HTML que se trata de una tecnologA�a basada enA�web componentsA�cuyo objetivo es generar pA?ginas web mA?s ligeras de HTML.
- AMP JS:A�La plataforma provee de los recursos JavaScript necesarios para que los componentes de AMP HTML funcionen.
- Uso de cachA�s:A�el uso de los CDN del propio proyecto permite que este tipo de servidor obtenga las pA?ginas AMP, valide que su implementaciA?n es correcta y en caso afirmativo guarde la respuesta para servirlo al usuario de forma A?ptima.
A?CuA?les son los resultados?A�
SegA?n sus impulsores, poner en marcha esta prA?ctica reducirA�a un 75% la velocidad de carga de sitios web en dispositivos mA?viles y disminuirA�a a la octava parte el consumo de recursos.
ConfiguraciA?n SEO de AMP
A la hora deA�implementar una versiA?n AMP de nuestro contenidoA�se debe tener en cuenta que es una copia de las pA?ginas que ya tenemos para computadores de escritorio. Por lo tanto laA�configuraciA?n SEO de AMPA�es similar a la de contenido para dispositivos mA?viles en URLs separadas.