Qué es AMP (acelerated mobile pages) y para qué sirve

Cada vez son más las personas que utilizan su teléfono celular para navegar por Internet, informarse o hacer sus compras. Este cambio en el paradigma del uso de la red motivó a Google a desarrollar un protocolo conocido como AMP, para mejorar la experiencia de uso de las páginas web en los smartphones.

Y es que, aunque ya hace algunos años que el smartphone es con diferencia el dispositivo más utilizado para navegar, resulta que aún existen muchas webs que no tienen un diseño adecuado para estos terminales.

Esto ocasiona incomodidades como pueden ser cargas lentas o incompletas que no se visualizan correctamente, por las cuales gran parte de los usuarios deciden no seguir visitando la web. Así pues, se hace de vital importancia tener en cuenta AMP en el diseño de la página para no perder visitas.

En realidad, qué significa AMP

Las siglas en inglés AMP (Accelerated Mobile Pages) significan, literalmente, páginas móviles aceleradas. En otras palabras, es un proyecto cuya finalidad es facilitar el diseño de páginas web para que se carguen con mayor velocidad en los smartphones.

AMP es un proyecto de código abierto pues permite la participación de cualquier desarrollador de software. Está basado en HTML y ha sentado las bases para crear páginas web más fluidas y que tengan un aspecto más natural en las pantallas de los teléfonos.

Es importante tener en cuenta que no es lo mismo una página web responsiva que una web creada con AMP. La primera es una adaptación del tamaño en función del dispositivo, mientras que la segunda opción es más específica y tiene una serie de restricciones.

Los tres pilares de AMP

Para comprender qué es AMP realmente hay que tener en cuenta los tres aspectos en los que se basa para lograr páginas más dinámicas, con menor tiempo de respuesta.

HTML AMP

Se trata del mismo código HTML original con la diferencia de que ha sido simplificado. Así pues, se evita el uso de etiquetas complejas que requieren muchos recursos del dispositivo, como por ejemplo las que permiten insertar videos u otro tipo de objetos.

A través del código HTML AMP se crean versiones de las páginas web optimizadas para los teléfonos celulares, siendo mucho más ligeras y funcionales, y reduciendo significativamente los tiempos de espera durante la carga.

Cabe señalar que el uso de CSS para dar cierto estilo web está permitido siempre y cuando mantenga algunas condiciones para que no sobrecarguen la página.

AMP JavaScript

En este caso se restringe el número de librerías de JavaScript a las que se puede acceder. De esta forma solo se podrá recurrir a funciones mínimas necesarias para el correcto funcionamiento del portal.

Caché

El proyecto AMP aporta su propia red de servidores en los que se puede alojar una caché de estas páginas web. De esta forma se comprueba que todo funciona correctamente bajo los preceptos de qué es AMP y se permite una descarga más veloz.

En definitiva, podemos decir que AMP (Accelerated Mobile Pages) es una versión del HTML optimizada para los smartphones, cuyo principal objetivo es crear páginas web que funcionen de una manera fluida y eficaz teniendo en cuenta sus características técnicas.