Archivo de la etiqueta: AMP

AMP HTML y WordPress

¿Qué es AMP HTML?

AMP es el acrónimo de Accelerated Mobile Pages , es decir, páginas móviles aceleradas. Está especialmente pensado para acelerar sitios web con contenidos semi-estáticos, como blogs o sitios web de noticias.  Se trata de un proyecto open source de Google cuyo objetivo es conseguir optimizar la navegación móvil, mediante la carga de páginas cada vez más rápidas.

En resumidas cuentas, se trata de extender el código HTML de nuestras páginas con componentes específicos de AMP, para obtener páginas ligeras. Otra cosa a tener en cuenta es que está especialmente diseñado para los dispositivos móviles, y que elimina todo lo superfluo.

Para lograr esto, prescinde de mucho contenido innecesario y que ralentizan la carga de nuestra página, como por ejemplo, el contenido estático javascript.

amp project

¿Cómo instalar AMP en mi WordPress?

enable AMPEs muy sencillo, ya que hay un plugin oficial para tal efecto, se trata del “Enable Accelerated Mobile Pages (AMP) on your WordPress site”. El proceso a seguir es muy simple; instalar el plugin ,activarlo,  y de forma automática tienes una versión AMP friendly de tus páginas y/o entradas al blog.

Para acceder a estas, simplemente has de poner /amp o /amp=1 al final de la URL de tu entrada.

Aquí tienes un ejemplo:

 

¿Cómo de rápido es mi página AMP?

Vamos a medirlo, utilizando el ejemplo anterior y la herramienta para desarrolladores que nos proporciona Chrome. Los resultados son los siguientes:

comparativa carga AMP

 

En gráfico de la izquierda se puede observar la carga convencional de la página (sin AMP), y en el de la derecha, la carga de la página optimizada con AMP. Vemos como la antigua tarda 3,77 segundos y la optimizada con AMP 859,57 milisegundos, es decir, mi página optimizada con AMP carga un 77,21% más rápido.

 

¿Por qué es tan importante el AMP?

Sin ánimo de crear un exhaustiva lista, expondré varios argumentos a favor de esta tecnología:

  • Tienes una versión de tus entradas con un rendimiento muy superior, y especialmente optimizada para dispositivos móviles, eso se traduce a páginas ligeras y sencillas.
  • Tendrás páginas centradas en el contenido, es decir, muy cómodas de leer para tus lectores.
  • Detrás de la tecnología AMP está Google, y recientemente ha anunciado que a partir del 24 de febrero de 2016, aquellas páginas AMP friendly (es decir, ya adaptadas a AMP), serán mejor posicionadas por el buscador, por lo tanto, mejora nuestro SEO. Al margen de cumplir con todas las reglas de SEO para móviles.
  • Es una tecnología open source.
  • La carga de las imágenes se produce bajo demanda, es decir, se van cargando las imágenes a medida que se necesitan (lazy loading).
Referencias Externas


 

 

Si te ha gustado la entrada comparte en Twitter y Facebook clicando los botones de abajo.

Muchas gracias!
Licencia Creative Commons

Este obra está bajo una licencia Creative Commons Reconocimiento-CompartirIgual 3.0 Unported.

 

 

socialmediatfe

Analista de Sistemas de Información (Cabildo de Tenerife). Social Media. Social CRM. Business Intelligence. OLAP. Data Mining.

More Posts - Website

Marcador