¿Qué es Web Performance Optimization (WPO)?
Es la velocidad con que las páginas webs se descargan y se muestran en el navegador del usuario.
Cuanto más rápido se descarguen las páginas web, más aumentará la retención de los visitantes. Por el contrario, cuanto más tarde en cargar, los visitantes se irán aburridos de esperar.
Tu sitio web se compone de varias páginas web y cada una de ellas deberá ser optimizada.
El WPO se aplica a todo el sito web.
¿Cuáles son las ventajas de optimizar tu sito web?
Disminución del porcentaje de rebote
El porcentaje de rebote tiene lugar cuando un usuario accede a una página de un sito web y a continuación sale sin ver más página o realizar una acción.
Aumento del número de visitas
Mejorar la velocidad de carga de tu sitio web, te permitirá conseguir más tráfico y retener al usuario más tiempo, lo que llevará a mejorar tu tasa de conversión (consecución de tus objetivos).
Factores que influyen en la WPO
Antes de contratar un hosting deberías echar un vistazo a sus caracteristicas que ofrece.
Hay muchos factores que pueden influir en la velocidad de carga de tu sitio web, aquí están los más importantes:
Los Discos
Hay dos tipos de discos, HDD y SSD. Los segundos son mejores, tienen los tiempos de escritura/lectura más rápidos.
El coste es proporcional a su rapidez.
Protocolo HTTP2
Es mucho más rápido que el protocolo HTTP y para que funcione necesitas tener instalado otro protocolo SSL, que a día de hoy lo tienen todos los hostings.
Compresión GZIP
Es una tecnología que comprime los archivos de tu sitio web al enviárselos al usuario, ahorrando tiempo y recursos de tu servidor.
Memoria Caché
Consiste en almacenar en el disco una copia de los datos procesados por WordPress + B.D., para utilizarlos sin necesidad de volver a procesarlos otra vez.
Cuando visitas una página web, WordPress consulta la base de datos por medio de PHP y genera una página web HTML como respuesta.
Este proceso solo se realizará una vez si tienes un plugin de caché activado.
La siguiente vez que pidas la página web, será servida desde el caché, con lo que se reduce los tiempos de respuesta y ahorro de recursos del servidor.
Unos de los mejores plugin de caché es Wp Rocket.
Aquí tienes un artículo de cómo configurarlo este plugin.
Optimización de Código
- Mimificar archivos CSS y JS: Elimina los espacios en blanco y comentarios para redecir el tamaño.
- Combinar archivos CSS y JS: Junta todos los archivos de un mismo tipo en un mismo fichero, reduciendo las peticiones.
Optimización de Imágenes
- Las imágenes no deben sobrepasar los 100KB.
- Deben tener el tamaño al cual van a ser mostradas.
Si las vas a mostrar en tu página a 768×768 px, no debes subirlas a otro tamaño distinto, por ejemplo, a 1024×1024 px. - Cargar imágenes con LazyLoad.
El navegador carga las imágenes cuando estas aparecen en la ventana visible del navegador, no antes. Si tienes Wp Rocket, esta opción la puedes activar en medios. - Utilizar el formato de imágenes WebP que suele generar una imagen un 30% menos pesada que los otros formatos y JPG, PNG.
- Para optimizarlas las imágenes a formato WebP puedes utilizar Imagify
Herramientas de análisis de velocidad
Miden la velocidad de carga de tu sitio web, mostrando métricas, errores y las posibles soluciones de tu sitio web.
Hay que destacar que hoy en día la velocidad importante es la velocidad en dispositivos móviles.
A medida que vayas añadiendo contenido a tu web, tendrás que ir revisando tu WPO para continuar optimizándolo.
PageSpeed: Mide la velocidad para móvil y desktop.
Gtmetix: Solo desktop.