Cómo acelerar la carga en móviles con AMP y WordPress

Aquí está la versión corta de este post: si utilizas WordPress.org, puedes instalar el plugin WP-AMP.

La versión más larga puede ser más interesante: ¿Quiere reducir drásticamente los tiempos de carga de WordPress para navegadores móviles? ¿Quieres entregar tus páginas de WordPress rápidamente a una visita por medio del centro de datos de Google más cercano de forma gratuita?

 

Google, Twitter y WordPress tienen el apoyo del proyecto Accelerated Mobile Pages (AMP), que tiene como objetivo hacer que la experiencia web móvil sea más rápida. AMP ofrece un marco diseñado para entregar páginas web optimizadas para la velocidad de los dispositivos móviles. El lanzamiento fué en octubre del año 2015 pero a continuación vemos porqué ahora es más importante a partir de febrero de 2016.

Tras el lanzamiento, el equipo de WordPress libera la fuente del plugin amp-wp de forma gratuita en GitHub. El plugin se encarga de acelerar las páginas móviles de tu sitio añadiendo al final la extensión /amp/. WordPress también planea apoyar AMP en WordPress.com .

Tu sitio por defecto: tusitio.com/pagina

AMP: tusitio.com/pagina/amp/

 

El plugin de WordPress amp-wp crea páginas con ‘/amp/’ añadido al final de la URL.

Velocidad AMP

El enfoque en la velocidad vale la pena. Las páginas desde sitios móviles de un sitio web cargan aproximadamente 3-4 veces más rápido que las normales, de acuerdo con las pruebas de velocidad en Pingdom. Parte de la mejora del rendimiento puede ser debido a la reducción de la entrega de contenidos. La versión inicial del plugin amp-wp elimina algunos elementos de navegación de la versión AMP de las páginas. Ahora toca esperar más ayuda de la plantilla y el formato para mejorar el proyecto AMP y ver evolucionar el plugin amp-wp.

En una página con texto e imágenes que contiene alrededor de 850 palabras, la versión AMP carga aproximadamente 3 veces más rápido de una página normal.

CDN AMP

Sin enbargo, la mayor ganancia para los usuarios de WordPress, puede ser el acceso a una red de distribución de contenidos mundial (CDN). En modo resumen Google va a almacenar en caché los contenidos y entregar las páginas móviles aceleradas de forma gratuita. Cuando la gente busca una página de tu sitio en un dispositivo móvil, Google sirve la versión AMP. No pagas por el tiempo de espera reducido. Si quieres ver una lista de sitiios que ofrecen CDN gratuito puedes verla aquí.

Aquí mostramos cómo incluir amp-wp a WordPress.

Instalar el plugin AMP-WP

En primer lugar, instala y activa el plugin amp-wp para WordPress.

Inicia sesión en tu instalación WordPress.org con una cuenta de administrador. Luego:

• Dirígete a plugins
• Selecciona la opción «Añadir nuevo»
• En el cuadro de búsqueda, escribe «amp-wp», y presiona la tecla intro
• Presiona el botón «Instalar ahora»
• Selecciona «Activar Plugin»
• A continuación, desde el panel de control, selecciona «Ajustes»
• Selecciona la opción «Enlaces permanentes»
• Presione el botón «Guardar cambios»

 

A partir de principios 2016 hay que «Guardar cambios» para que los enlaces permanentes desencadenen en la creación de las páginas con ‘/amp/’ después de la URL de cada página.

A continuación, ve a enlaces permanentes y selecciona «Guardar cambios».

Validar la versión AMP

Chrome utiliza las herramientas de desarrollo para validar tu formato acelerado de página móvil.

Para validar que el plugin crea correctamente la versión AMP de tu página, comprueba tu sitio con las herramientas para desarrolladores de Chrome. En Chrome:

• Pega la URL de tu página móvil acelerada en el cuadro multifunción. Añade «#development=1» al final de la URL, a continuación, presiona intro
• Presiona Ctrl-Shift-I (o dirígete a «Más Herramientas», luego «Herramientas para desarrolladores» como se muestra a continuación)
  Selecciona «Console»

Si todo funcionaba correctamente, aparecerá «AMP validation successful».

Recuerda para validar tu sitio: tusitio.com/pagina/amp/#development=1

AMP-WP: Implementar ahora

El Proyecto de AMP y el plugin wp-amp están ahora en las primeras etapas de desarrollo y adopción. De acuerdo a un post en diciembre de 2015 por Richard Gingras, el jefe de noticias de Google, » Google comenzará a enviar tráfico a las páginas con AMP en la búsqueda de Google a finales de febrero de 2016″. Lo que quiere decir que los sitios con AMP implementado pueden empezar a tener mejores resultados en las búsquedas que los demás.

Hay muy pocos inconvenientes que te permitan añadir el plugin a tu sitio y poner a prueba el rendimiento de tus páginas móviles aceleradas. Si no te gustan los resultados, desactiva o desinstala el plugin.

Para la mayoría de los propietarios de sitios con WordPress.org, AMP ofrece una manera fácil de obtener las páginas más rápidas en los navegadores móviles, y lo mejor es que es de forma gratuita.