¿Que es la velocidad de Carga o WPO?

La velocidad de carga o WPO (Web Performance Optimization) se refiere al tiempo que tarda el navegador en mostrar nuestra página plenamente funcional. La web está alojada en un servidor y debemos transferir la información hasta el ordenador del usuario, dependiendo de la configuración de diversos factores necesitaremos más o menos tiempo.

¿Para qué sirve mejorar la velocidad de carga?

Esto nos ayuda fundamentalmente a mejorar el SEO y a mejorar la experiencia de usuario durante la navegación en nuestra web. Dos factores fundamentales en cualquier proyecto de venta online.

Mejora SEO

Desde hace algún tiempo Google incluye claramente en sus directrices que el tiempo de carga es un factor determinante a la hora de posicionar las páginas web. Mantenernos en un ratio de entre 90 y 100 en la puntuación nos asegurará poder competir en la clasificación de Google con plenas facultades e intentar entrar en la SERP (página principal de búsquedas de Google).

Experiencia de usuario

¿Cuántas veces te has salido de una web que tarda en cargar? En esta vida rápida es fundamental ser rápidos y mostrar de una forma eficiente el contenido de nuestra web, así como facilitar una navegación fluida garantizando que nuestros usuarios se centren en comprar. Queremos que nuestros clientes se sientan cómodos y confortables en nuestra tienda.

¿Cómo sé si mi pagina carga lenta?

Para saber la velocidad de carga de nuestra página contamos con múltiples herramientas totalmente gratuitas y accesibles.

• Page Speed Insights: La herramienta de Google nos dirá su opinión sobre la web.
• GTMetrix: Un estándar dentro de la industria. Personalmente, mi preferida.

¿Cómo mejoramos la velocidad de carga?

Ahora vamos a ponernos técnicos. No es algo que debas entender para saber que esto te ayudará en las ventas, pero para los perfiles con querencia por lo técnico vamos a explicar paso a paso que es lo que hacemos para mejorar la velocidad de carga.

Tiempo carga inicial

El tiempo de carga inicial viene determinado directamente por el servidor. Esto se merece un artículo entero, pero básicamente a mejor servidor, más velocidad.

CDN

Las CDN nos permiten tener una copia de nuestra web distribuida por diferentes servidores alrededor del mundo para que nos contacten de donde nos contacten el tiempo de carga sea el mínimo.

Preloading

Nos interesa que lo primero en cargarse sea el archivo .css donde va definido el diseño de la web de forma que luzca como debe lo antes posible. Para ello modificaremos el flujo natural de la web para priorizar la carga de dicho archivo.

Comprimir imagenes

Seguramente te suenen formatos de archivo como .png o .jpg pero igual no estás tan familiarizado con WebP, un formato de imagen diseñado especialmente para el desarrollo web y que nos garantiza una velocidad de carga mucho más rápida con una pérdida de calidad solo apreciable por expertos.

Lazy Load o carga diferida

En webs donde tengamos muchos recursos como imágenes o videos, no necesitamos cargar todo el contenido hasta que el usuario llega a él. Si tenemos 3 videos a los que solo se accede haciendo scroll, ¿por qué cargarlos de primera? Con la carga diferida podemos activar la carga de estos elementos sólo cuando sean necesarios. Esta funcionalidad ya viene incorporada en el core de WordPress.

HTTP 2

Usar el protocolo HTTP 2 nos permite cargar en paralelo los diferentes recursos permitiéndonos finalizar la carga de una forma mucho más rápida, ahorrandonos unos segundos valiosísimos en nuestro objetivo.

Resumen

La velocidad de carga es un factor fundamental para que nuestros usuarios puedan navegar de una forma amigable y para que Google nos tenga en cuenta a la hora de posicionar nuestra web. Si la web carga lenta, olvídate del SEO.