Blog

Google AMP: Accelerated Mobile Pages

Ya es una realidad que el tráfico mobile supera desde hace un tiempo al tráfico de escritorio y que Google lo viene advirtiendo desde hace mucho tiempo. Este pasado mes, Google nos ha vuelto a sorprender con una nueva iniciativa para SEO mobile y, principalmente, los editores de contenido. El pasado día 23 de febrero Google lanzó su proyecto de código abierto AMP (Accelerated Mobile Pages) que nos permitirá desarrollar páginas estáticas de contenido mobile para que rendericen de un forma “super rápida”. Google AMP consiste principalmente de tres partes: el AMP HTML, que consiste en hacer uso de etiquetas específicas de AMP y que contiene patrones comunes sencillos de implementar. La segunda columna, sería el AMP JS, una librería que gestiona la carga de recursos y proporciona las etiquetas mencionadas anteriormente. Una de las mejoras principales a destacar, sería que consigue que cualquier recurso que venga del exterior, lo convierta en asíncrono, por lo que ningún elemento de la página puede hacer que bloquee su renderizado. Y, por último, el Google AMP Cache que ejerce la función de CDN (Content Delivery Network) y es quien realiza la entrega de todo documento AMP optimizado.

¿Qué ventajas trae el proyecto de Google AMP?

  • Sólo permiten scripts asíncronos
  • Permite de forma automática dar tamaño a todos los recursos de forma estática
  • No permite que las extensiones bloqueen el renderizado
  • Mantiene todo los JavaScripts de terceros que pueden causar problemas fuera
  • Todos los CSS debe estar en una línea y delimitados en tamaño (50kb max.)
  • Optimización de carga de las fuentes
  • Minimización de carga de estilos
  • Se ejecutan exclusivamente animaciones aceleradas GPU
  • Prioriza la carga de recursos
  • Carga las páginas en un instante

Todo esto es solamente el principio de un proyecto muy interesante que impulsará aún más el móvil como soporte para el consumo de contenido.

Juanma López de Arenosa, profesor en el curso de marketing digital

Abr 25, 2016

Post relacionados

Cómo escribir textos para websites: guía para jóvenes copywriters

¿Te apasiona el copywriting y te gustaría convertir esa pasión en una carrera como copywriter? Una de las habilidades más valiosas que puedes desarrollar es la capacidad de escribir textos efectivos para websites. En este artículo, exploraremos los elementos clave que...

¿Qué es el SEM y cómo llevarlo a cabo?

El Search Engine Marketing (SEM) se ha establecido como una de las estrategias más efectivas para aumentar la visibilidad de un sitio web y atraer tráfico cualificado. En este post te desvelamos qué es el SEM, cómo se diferencia del SEO, y te ofrecemos una guía...