Accelerated Mobile Pages (AMP) es un marco HTML de código abierto desarrollado por Google en colaboración con Twitter. El proyecto tiene como objetivo hacer que el contenido web sea más rápido y fácil de usar para los usuarios de dispositivos móviles, proporcionando una experiencia de navegación optimizada y eficiente. AMP logra esto presentando páginas web en un formato simplificado pero eficiente, reduciendo los tiempos de carga y mejorando la participación del usuario.
El génesis y la aparición de las páginas móviles aceleradas
El proyecto Accelerated Mobile Pages fue anunciado por primera vez por Google en octubre de 2015. Google se asoció con una serie de editores, empresas de tecnología y plataformas, incluidas Twitter, Pinterest, LinkedIn y WordPress.com, para crear un estándar nuevo y más rápido para dispositivos móviles. contenido web.
El objetivo principal era combatir la experiencia web cada vez más inflada y lenta para los usuarios de dispositivos móviles. La idea era eliminar elementos innecesarios y priorizar la velocidad, todo ello sin sacrificar la funcionalidad que esperaban los usuarios. En febrero de 2016, AMP se integró en los resultados de búsqueda móviles de Google, lo que marcó su debut oficial.
Ampliación de páginas móviles aceleradas
En esencia, Accelerated Mobile Pages es una versión simplificada del HTML normal. AMP utiliza un conjunto específico de tecnologías web para entregar páginas web, centrándose en la velocidad y la legibilidad para los usuarios de dispositivos móviles. Consta de tres componentes principales: AMP HTML, AMP JS (JavaScript) y AMP Cache.
AMP HTML es un subconjunto de HTML con algunas etiquetas y propiedades personalizadas. Incluye varios elementos personalizados integrados que ayudan a mejorar el rendimiento, como amp-img para imágenes y amp-video para videos.
AMP JS gestiona el manejo de recursos y la carga asincrónica, con el objetivo de ofrecer la representación más rápida de la página. Solo permite JavaScript asincrónico, lo que garantiza que ningún script bloquee la ruta de renderizado.
AMP Cache, proporcionada por Google, sirve páginas HTML AMP almacenadas en caché. El caché viene con un sistema de validación incorporado que confirma si la página cumple con los criterios de AMP, lo que garantiza confiabilidad y velocidad.
El funcionamiento interno de las páginas móviles aceleradas
Las páginas móviles aceleradas utilizan un marco HTML optimizado y restringen elementos HTML, CSS y JavaScript específicos que a menudo son responsables de tiempos de carga de páginas más lentos. AMP emplea carga diferida, que permite que solo se cargue el contenido necesario cuando un usuario abre una página web, mejorando así la velocidad de entrega de contenido.
En el sistema AMP, JavaScript se mantiene al mínimo. No se permite JavaScript de terceros dentro de los elementos AMP personalizados, lo que ayuda a evitar el bloqueo de renderizado. En cambio, el contenido interactivo se maneja en elementos AMP personalizados. CSS en AMP también está integrado y limitado por tamaño, lo que resulta en menos datos para recuperar.
La caché de AMP también juega un papel crucial. Cuando un usuario solicita una página AMP, se recupera de la caché de AMP de Google, lo que mejora automáticamente el rendimiento de la página.
Características clave de las páginas móviles aceleradas
-
Velocidad y rendimiento: Las páginas AMP se cargan más rápido que las páginas móviles estándar, lo que brinda una experiencia de usuario perfecta.
-
Optimización de motores de búsqueda: El algoritmo del motor de búsqueda de Google favorece las páginas habilitadas para AMP, lo que da como resultado una mayor visibilidad en las páginas de resultados del motor de búsqueda (SERP).
-
Compromiso y monetización: Las cargas de página más rápidas generan una mayor participación del usuario, menores tasas de rebote y una mejor visibilidad de los anuncios.
-
Analítica: AMP admite una amplia gama de análisis, redes publicitarias y tecnologías, con disposiciones para acumular, analizar y actuar sobre los datos del usuario.
Tipos de páginas móviles aceleradas
No existen diferentes “tipos” de AMP, sino diferentes implementaciones de AMP en varios tipos de contenido y plataformas. Algunos ejemplos son:
- Sitios web AMP: sitios web estándar creados completamente con AMP HTML para mayor velocidad y rendimiento.
- Historias AMP: formato de narración visual para la web abierta, que se puede tocar, es atractivo e inmersivo.
- Anuncios AMP: Los anuncios creados con AMP se cargan más rápido, lo que mejora la experiencia del usuario y el rendimiento de los anuncios.
- Correo electrónico AMP: Correos electrónicos interactivos en tiempo real utilizando el marco AMP.
Uso, problemas y soluciones
AMP lo utilizan principalmente editores de noticias, sitios de comercio electrónico y plataformas publicitarias para ofrecer experiencias rápidas y atractivas en dispositivos móviles. Sin embargo, AMP ha sido criticado por simplificar demasiado las páginas, su funcionalidad limitada en comparación con los sitios web completos y su dependencia de la infraestructura de Google.
Google ha realizado mejoras continuas en el marco AMP para abordar estos problemas, incluida la adición de más componentes para aumentar la funcionalidad y la creación de un mejor equilibrio entre velocidad y usabilidad.
Comparación con tecnologías similares
| Característica | AMPERIO | Páginas móviles habituales | Diseño web adaptable |
|---|---|---|---|
| Velocidad | Muy alto | Moderado | Depende del diseño |
| Beneficios de SEO | Alto | Bajo | Moderado |
| Centrado en dispositivos móviles | Sí | No | Sí |
| Interactividad | Limitado | Alto | Alto |
| Dependencia de Google | Alto | No | No |
Perspectivas y tecnologías futuras
El futuro de AMP avanza hacia una mayor flexibilidad y funcionalidad, con actualizaciones continuas para permitir experiencias más ricas manteniendo la velocidad. Las aplicaciones web progresivas (PWA), que aportan una experiencia similar a una aplicación nativa a las aplicaciones web, están integrando cada vez más AMP para sus "páginas de entrada". La combinación de tecnologías PWA y AMP promete un futuro de experiencias web inmersivas y de carga instantánea.
AMP y servidores proxy
Los servidores proxy, como OneProxy, se pueden utilizar para ofrecer contenido AMP. Estos servidores pueden almacenar en caché las páginas AMP y entregarlas a los usuarios, mejorando los tiempos de carga y el rendimiento. Sin embargo, la validación y optimización proporcionada por Google AMP Cache no estará presente a menos que se implemente específicamente.
enlaces relacionados
Para más información sobre AMP:
Esta revisión exhaustiva de AMP explora sus orígenes, funcionalidad, aplicaciones y futuro. A medida que el uso de Internet móvil continúa creciendo, es probable que aumente la necesidad de AMP, proporcionando una web más rápida y fácil de usar para todos.
