AMP – Accelerated Mobile Page
Accelerated Mobile Pages (AMP) es un proyecto creado para mejorar el rendimiento de las páginas web para dispositivos móviles.
La tecnología detrás de AMP permite que las páginas ligeras se carguen más rápidamente para los usuarios de teléfonos inteligentes y tabletas. Esa capacidad se ha vuelto cada vez más importante a medida que más y más personas utilizan dispositivos móviles como sus ordenadores principales.
[alert type=»info» icon-size=»small»]Accelerated Mobile Page (AMP) es una iniciativa para crear páginas web atractivas que se cargan rápidamente en los dispositivos móviles, originalmente desarrollada por Google. [/alert]Consiste en una versión modificada de HTML llamada AMP HTML, una biblioteca JavaScript, AMP JS, y una biblioteca de caché, Google AMP Cache.
El proyecto de código abierto Accelerated Mobile Page es un intento de resolver el problema de las páginas móviles de carga lenta. Mientras que los desarrolladores web intentan crear diseños atractivos, los anuncios y los scripts analíticos que se ejecutan en segundo plano pueden provocar ralentizaciones graves en los smartphones y las tablets.
Componentes de AMP
Para aumentar la velocidad y funcionalidad de las páginas móviles, AMP utiliza una versión reducida de HTML.
Algunas etiquetas que funcionan con código de página web normal no se pueden usar para AMP. Se requiere una versión ligera de CSS; las imágenes se cargan sólo cuando el usuario se desplaza a su ubicación y los formularios no son compatibles. AMP proporciona una biblioteca JavaScript limitada.
Google almacena en caché la mayoría de las páginas AMP, pero también pueden ser mantenidas por editores y terceros. Según Google, las páginas AMP servidas en la búsqueda de Google utilizan una décima parte de los datos de las páginas estándar y, por regla general, se cargan en menos de un segundo.
El AMP consta de tres componentes:
- AMP HTML: Una versión de HTML diseñada para cargar rápidamente. Algunas etiquetas, como la etiqueta <img>, han sido reemplazadas por etiquetas especiales para AMP, como <amp-img> que están diseñadas para ser cargadas rápidamente.
- AMP JS: Un motor JavaScript que está optimizado para una carga eficiente. AMP JS carga elementos de forma asíncrona, evitando que un solo elemento bloquee la carga de una página.
- Caché de Google AMP: Un sistema de almacenamiento en caché basado en proxy que recupera y almacena las páginas aceleradas
