AMP

« Back to Glossary Index

(Accelerated Mobile Pages)

Nivel Principiante

Imagina que estás navegando por internet en tu teléfono. A veces, las páginas tardan mucho en cargar y se sienten lentas. AMP es un proyecto de Google que crea una versión especial de las páginas web que se carga casi al instante. Es como si el sitio web tuviera una versión súper ligera y optimizada solo para móviles. Estas páginas de AMP son muy rápidas, lo que te da una experiencia de navegación mucho más fluida.

Nivel Intermedio

AMP (Accelerated Mobile Pages) es un framework de desarrollo web de código abierto, diseñado para crear páginas web estáticas y de carga rápida. Su objetivo principal es mejorar el rendimiento y la Experiencia de Usuario (UX) en dispositivos móviles. AMP logra esta velocidad restringiendo el uso de ciertas etiquetas de HTML y CSS, optimizando la carga de recursos y utilizando una red de entrega de contenido (CDN) especial de Google para servir las páginas de manera ultrarrápida.

Los componentes clave de una página AMP incluyen:

• AMP HTML: Una versión restringida de HTML que obliga a seguir reglas de optimización.
• AMP JavaScript: Una biblioteca JavaScript que gestiona la carga de recursos de forma asíncrona y optimizada.
• AMP Cache: Una red de distribución global de Google que precarga y sirve las páginas AMP desde sus propios servidores.

AMP se utiliza principalmente en blogs, noticias y sitios de comercio electrónico donde la velocidad de carga es crítica.

Nivel Avanzado

Técnicamente, AMP es un ecosistema que impone una serie de restricciones y mejores prácticas para garantizar un rendimiento predecible y rápido. Para que una página sea una «página AMP válida», debe cumplir con las siguientes reglas:

1. AMP HTML: Solo se pueden usar un conjunto limitado de etiquetas HTML. Por ejemplo, las imágenes y los iframes se deben reemplazar con las etiquetas <img> y <amp-iframe> que gestionan la carga de recursos.
2. AMP JavaScript: Se prohíbe el uso de JavaScript personalizado y se requiere el uso de la biblioteca JS de AMP, que gestiona el DOM y la carga de recursos de forma asíncrona para evitar el bloqueo del hilo principal.
3. AMP Cache: Las páginas AMP válidas se almacenan en el cache de AMP de Google. Cuando un usuario hace clic en un resultado de búsqueda de AMP, la página se sirve directamente desde el cache, lo que reduce la latencia de la red. Además, el cache precarga la página antes de que el usuario haga clic, lo que contribuye a una experiencia de carga instantánea.

Aunque AMP se ha promocionado por su velocidad, ha sido objeto de críticas por su naturaleza restrictiva y por la dependencia del ecosistema de Google. Sin embargo, su impacto en la web móvil ha sido significativo, ya que ha impulsado la adopción de prácticas de optimización de rendimiento que hoy son esenciales para el SEO y la UX.

« Volver al índice del glosario