Accelerated Mobile Pages: la apuesta de Google por la web móvil

Las Accelerated Mobile Pages (AMP) elevan la experiencia del usuario a un nuevo nivel, o esa es al menos la idea detrás de la última novedad tecnológica lanzada por el gigante entre los buscadores. El motivo que ha movido a Google a lanzar este proyecto de código abierto, alojado y desarrollado en la plataforma GitHub, viene determinado por las novedades más recientes de sus dos competidores directos Apple (Apple News) y Facebook (Instant Articles). Esta se enmarca en la Digital News Initiative (DNI), promovida junto a los editores más relevantes a nivel europeo para fomentar un periodismo de calidad tanto a nivel de contenidos como de la tecnología que lo soporta. ¿Cómo funcionan las nuevas páginas móviles? Y ¿para quién pueden ser útiles?

¿En qué consiste AMP HTML?

Los tiempos de carga breves son uno de los factores de calidad más importantes de una página web moderna. Como entretanto, una gran parte del tráfico en Internet tiene lugar desde terminales móviles y mediante una conexión de datos móviles, los desarrolladores se enfrentan al reto constante de buscar soluciones para optimizar la visualización móvil. En este sentido, el framework AMP HTML, basado en un marcado HTML con variaciones, ofrece una alternativa a los contenidos estáticos. Los artículos programados con este código se cargan en dos pasos:

  • Primero se cargan las partículas elementales de la página, como el diseño.
  • El resto de elementos (texto, imágenes, recursos externos) se van cargando según su prioridad, de forma que el usuario puede empezar leyendo el texto antes de que se cargue la imagen principal, por ejemplo.

Además del código AMP HTML, el proyecto se ejecuta técnicamente mediante su propia librería JavaScript, la AMP JS Library, el Google AMP Cache y un CSS básico (menor de 50 KB). A continuación detallamos todos los componentes.

AMP HTML

Este código HTML se diferencia del regular en que algunos tags estándar se sustituyen por tags AMP, en especial para la notación de contenidos multimedia, que, de esta manera, se cargan solo cuando el usuario los necesita. Así, para integrar una imagen, en AMP HTML se usa el tag <amp-img> en lugar de <img>. La lista completa de tags la encuentras en GitHub.

AMP JS library

La librería JavaScript gestiona la carga de muchos elementos de la página web. Mediante un procesamiento asíncrono de los recursos externos, el renderizado no se ve afectado por influencias del exterior. Más allá, la ejecución de elementos de iframes es soportada en el modo sandbox, lo que permite limitar los derechos de administradores externos. Otras técnicas de rendimiento son el cálculo aproximativo previo del diseño así como el bloqueo de los selectores de CSS más lentos.

Google AMP Cache

Para la entrega de las Accelerated Mobile Pages Google ofrece, de forma opcional, una Content Delivery Network propia basada en proxy. Para ello, todas las páginas AMP HTML relevantes se almacenan en el caché y se optimizan automáticamente. De esta forma, todos los datos relevantes (páginas, archivos JavaScript e imágenes) se guardan en un lugar central. El caché, además, usa HTTP/2 y comprueba la funcionalidad de las páginas móviles.

Ventajas de las Accelerated Mobile Pages

De momento, este nuevo proyecto se dirige explícitamente a editores de periódicos y a plataformas para blogs como WordPress o a sus administradores. Entre los socios oficiales se encuentran, por ejemplo, diarios como El País (España), The Guardian (Gran Bretaña) o el New York Times (Estados Unidos) y pioneros en tecnología web como Twitter, LinkedIn o Pinterest, todos incluidos en el Google Newsfeed.

En general, para los participantes estos son los beneficios generados por las Accelerated Mobile Pages y por los ajustes de búsqueda que se derivan del proyecto:

  • Mejor posicionamiento en la búsqueda de noticias, ya que los artículos en AMP se destacan como "Top Stories".
  • Una tasa menor de abandono por parte de usuarios de dispositivos móviles gracias a tiempos de carga optimizados.
  • Mejor ranking debido a una optimización móvil excelente, incluso aunque, según Google, el uso de AMP no represente ningún factor de ranking.

A quién convienen las AMP

El papel decisivo que juegan las AMP en la búsqueda de noticias de Google hace su uso obligatorio para los proyectos más ambiciosos (periódicos y blogs). Frente a los demás, estos se benefician de un alcance más amplio, de lectores más satisfechos y de una mejor valoración de Google gracias a su presencia móvil optimizada. El esfuerzo requerido es, en comparación, escaso. WordPress ofrece a los bloggers, por ejemplo, la mudanza automatizada a una versión AMP del blog si este se aloja en su propia empresa Automattic. El cambio para estos blogs se realiza mediante el Plugin AMP de WordPress.

Frente a la mayoría de servicios ofrecidos por Google, en este caso el usuario mantiene el control sobre sus datos y solo se guarda en el servidor de la empresa la versión intermedia (en el caché de Google AMP).

Es de suponer que Google apoyará activamente las páginas móviles también en el futuro, lo que hace que esta nueva técnica sea interesante a largo plazo para cualquiera que quiera ser encontrado en Google. En combinación con la espectacular optimización de la velocidad, las Accelerated Mobile Pages podrían ser una solución muy interesante, sobre todo, para el eCommerce. La experiencia del usuario en la compra digital en terminales móviles podría alcanzar esferas hasta ahora desconocidas gracias a las AMP.