Accelerated Mobile Pages (AMP) es un marco HTML de c\u00f3digo abierto desarrollado por Google en colaboraci\u00f3n con Twitter. El proyecto tiene como objetivo hacer que el contenido web sea m\u00e1s r\u00e1pido y f\u00e1cil de usar para los usuarios de dispositivos m\u00f3viles, proporcionando una experiencia de navegaci\u00f3n optimizada y eficiente. AMP logra esto presentando p\u00e1ginas web en un formato simplificado pero eficiente, reduciendo los tiempos de carga y mejorando la participaci\u00f3n del usuario.<\/p>\n
El proyecto Accelerated Mobile Pages fue anunciado por primera vez por Google en octubre de 2015. Google se asoci\u00f3 con una serie de editores, empresas de tecnolog\u00eda y plataformas, incluidas Twitter, Pinterest, LinkedIn y WordPress.com, para crear un est\u00e1ndar nuevo y m\u00e1s r\u00e1pido para dispositivos m\u00f3viles. contenido web.<\/p>\n
El objetivo principal era combatir la experiencia web cada vez m\u00e1s inflada y lenta para los usuarios de dispositivos m\u00f3viles. 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\u00f3 en los resultados de b\u00fasqueda m\u00f3viles de Google, lo que marc\u00f3 su debut oficial.<\/p>\n
En esencia, Accelerated Mobile Pages es una versi\u00f3n simplificada del HTML normal. AMP utiliza un conjunto espec\u00edfico de tecnolog\u00edas web para entregar p\u00e1ginas web, centr\u00e1ndose en la velocidad y la legibilidad para los usuarios de dispositivos m\u00f3viles. Consta de tres componentes principales: AMP HTML, AMP JS (JavaScript) y AMP Cache.<\/p>\n
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\u00e1genes y amp-video para videos.<\/p>\n
AMP JS gestiona el manejo de recursos y la carga asincr\u00f3nica, con el objetivo de ofrecer la representaci\u00f3n m\u00e1s r\u00e1pida de la p\u00e1gina. Solo permite JavaScript asincr\u00f3nico, lo que garantiza que ning\u00fan script bloquee la ruta de renderizado.<\/p>\n
AMP Cache, proporcionada por Google, sirve p\u00e1ginas HTML AMP almacenadas en cach\u00e9. El cach\u00e9 viene con un sistema de validaci\u00f3n incorporado que confirma si la p\u00e1gina cumple con los criterios de AMP, lo que garantiza confiabilidad y velocidad.<\/p>\n
Las p\u00e1ginas m\u00f3viles aceleradas utilizan un marco HTML optimizado y restringen elementos HTML, CSS y JavaScript espec\u00edficos que a menudo son responsables de tiempos de carga de p\u00e1ginas m\u00e1s lentos. AMP emplea carga diferida, que permite que solo se cargue el contenido necesario cuando un usuario abre una p\u00e1gina web, mejorando as\u00ed la velocidad de entrega de contenido.<\/p>\n
En el sistema AMP, JavaScript se mantiene al m\u00ednimo. 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\u00e9n est\u00e1 integrado y limitado por tama\u00f1o, lo que resulta en menos datos para recuperar.<\/p>\n
La cach\u00e9 de AMP tambi\u00e9n juega un papel crucial. Cuando un usuario solicita una p\u00e1gina AMP, se recupera de la cach\u00e9 de AMP de Google, lo que mejora autom\u00e1ticamente el rendimiento de la p\u00e1gina.<\/p>\n
Velocidad y rendimiento<\/strong>: Las p\u00e1ginas AMP se cargan m\u00e1s r\u00e1pido que las p\u00e1ginas m\u00f3viles est\u00e1ndar, lo que brinda una experiencia de usuario perfecta.<\/p>\n<\/li>\n Optimizaci\u00f3n de motores de b\u00fasqueda<\/strong>: El algoritmo del motor de b\u00fasqueda de Google favorece las p\u00e1ginas habilitadas para AMP, lo que da como resultado una mayor visibilidad en las p\u00e1ginas de resultados del motor de b\u00fasqueda (SERP).<\/p>\n<\/li>\n Compromiso y monetizaci\u00f3n<\/strong>: Las cargas de p\u00e1gina m\u00e1s r\u00e1pidas generan una mayor participaci\u00f3n del usuario, menores tasas de rebote y una mejor visibilidad de los anuncios.<\/p>\n<\/li>\n Anal\u00edtica<\/strong>: AMP admite una amplia gama de an\u00e1lisis, redes publicitarias y tecnolog\u00edas, con disposiciones para acumular, analizar y actuar sobre los datos del usuario.<\/p>\n<\/li>\n<\/ol>\n No existen diferentes \u201ctipos\u201d de AMP, sino diferentes implementaciones de AMP en varios tipos de contenido y plataformas. Algunos ejemplos son:<\/p>\n AMP lo utilizan principalmente editores de noticias, sitios de comercio electr\u00f3nico y plataformas publicitarias para ofrecer experiencias r\u00e1pidas y atractivas en dispositivos m\u00f3viles. Sin embargo, AMP ha sido criticado por simplificar demasiado las p\u00e1ginas, su funcionalidad limitada en comparaci\u00f3n con los sitios web completos y su dependencia de la infraestructura de Google.<\/p>\n Google ha realizado mejoras continuas en el marco AMP para abordar estos problemas, incluida la adici\u00f3n de m\u00e1s componentes para aumentar la funcionalidad y la creaci\u00f3n de un mejor equilibrio entre velocidad y usabilidad.<\/p>\nTipos de p\u00e1ginas m\u00f3viles aceleradas<\/h2>\n
\n
Uso, problemas y soluciones<\/h2>\n
Comparaci\u00f3n con tecnolog\u00edas similares<\/h2>\n