La importancia de la velocidad en el posicionamiento SEO

El factor principal que contribuye al abandono de una web es la velocidad de carga de sus páginas. Según un estudio realizado por Google, el 53% de los usuarios la abandonará si esta no carga en menos de tres segundos. Esto no parece que sea un escenario muy deseable para la gran mayoría, tanto usuarios como empresas o editores de contenido, especialmente si el sitio es un comercio online, ya que el impacto en las ventas sería muy negativo, y no hace falta que os diga qué ocurre si un eCommerce no llega a los objetivos fijados.

Queda claro entonces que la velocidad de carga de nuestra web es un factor a cuidar, más aún desde que Google empezase a sostener su importancia para el posicionamiento de la misma en su buscador.

Tal vez no te suene el término WPO (Web Performance Optimization), o tal vez sí, si sueles estar en contacto con tecnología web, en cualquier caso, deberías prestarle atención, ya que este conjunto de técnicas es muy utilizado por expertos en marketing para elaborar estrategias SEO de cara a mejorar nuestro posicionamiento en buscadores.

Las técnicas WPO están encaminadas al análisis y posterior optimización del rendimiento de una página web para conseguir mejores tiempos de carga, y para conseguirlo lleva a cabo acciones tanto en la propia web como en la configuración del servidor.

Con lo que acabamos de ver ya tenemos elementos suficientes y bastante trabajo por delante para optimizar nuestra página, mejorar su posicionamiento y ofrecer una mejor experiencia de usuario a nuestro público, pero dada la importancia que tiene el uso del móvil...

¿No sería fantástico poder ofrecerle a estos dispositivos aun más en cuanto a velocidad de carga?

Pisando el acelerador en la web

En octubre de 2015 Google presentó AMP (Accelerated Mobile Pages), un proyecto de código abierto que pretende agilizar el tiempo de carga de las páginas web en dispositivos móviles.

AMP nace con la idea de ofrecer a los dispositivos móviles un método muy optimizado que entrega el contenido estático de una página web a alta velocidad. Lo que el dispositivo móvil obtiene es una versión muy básica de la página, pero con todo el contenido relevante de la misma, es decir, solo la información, sin funcionalidades.

No hay que confundir AMP con el diseño responsive, ambos tienen objetivos distintos. Mientras que el responsive se centra en la reorganización del diseño para que funcione en cualquier dispositivo móvil, AMP lo hace en la velocidad.

AMP es ideal para para aplicarlo en contenido estático, como noticias, entradas de blog, páginas informativas, etc. AMP no sustituye al diseño responsive, ya que este último sigue ofreciendo funcionalidades como formularios, animaciones, consultas AJAX y otras más que AMP no puede llevar a cabo debido a sus limitaciones; ni siquiera es posible incluir formularios, y la librería JavaScript que incluye es muy limitada.

¿Y qué hay de los resultados? 

En las primeras pruebas con AMP, los resultados arrojaron una disminución del tiempo de carga de entre un 15% y un 85%. No está nada mal ¿verdad?

AMP consta de tres partes:

AMP HTML

Se trata básicamente de HTML, pero con ciertas propiedades personalizadas. Si bien la mayoría de etiquetas HTML son etiquetas comunes, algunas de ellas han sido reemplazadas por etiquetas específicas AMP, llamadas componentes AMP HTML.

AMP JS

Ofrece los recursos JavaScript necesarios para que los componentes AMP HTML funcionen. Entre las mejoras que presenta destaca la transformación en asíncronas todas aquellas llamadas a recursos externos, procurando que ningún elemento de la página pueda bloquear la presentación.

Google AMP Cache

Google pone a disposición una red CDN (Content Delivery Network) propia para la entrega de todo contenido AMP válido. Para ello, almacena en cache las páginas AMP y las optimiza. Es importante destacar que para que el contenido AMP HTML sea validado, este no debe contener recursos externos; todo debe servirse desde el mismo origen utilizando HTTP 2.0.MP

¿Necesito AMP para mi página?

AMP es una tecnología que viene a cubrir una necesidad muy específica, servir contenido en dispositivos móviles tan rápido como sea posible.

Si tu web ofrece contenido orientado a usuarios de dispositivos móviles, es bastante probable que AMP proporcione una mejor experiencia de usuario, no obstante, como te contaba antes, AMP es muy limitado, y si te preocupa la fidelización de tus usuarios, el hecho de prescindir de elementos como formularios de contacto e incluso funcionalidades implementadas con JavaScript, hará que esta nueva tecnología no te sea de gran ayuda.

Si decides implementar esta tecnología en tu página, puedes hacerlo creando páginas con formato AMP utilizando para ello los elementos que conforman esta tecnología, o también utilizando cualquiera de los plugins disponibles si tu web está desarrollada sobre un CMS como WordPress o PrestaShop.

Ya conoces el proyecto AMP y lo que te puede aportar, pero también debes saber que no es un estándar, sino que se trata tan solo de un proyecto, por lo que nadie te puede garantizar su continuidad en un futuro; pero a decir verdad, promete bastante viendo sus resultados.