Pagespeed en WordPress o cómo optimizar la velocidad de una web WordPress. Este verano, sin saber muy bien cómo, estuve trasteando en el blog para ver cómo mejorar el pagespeed o en otras palabras, mejorar la velocidad de carga de este blog, para ello utilicé unos cuantos plugins de WordPress para optimizar el pagespeed.
Esto es algo que me pasa muchas veces, encuentro algún tema que me interesa, empiezo a tirar del hilo, leer mil sitios, probar unas cuantas cosas y hasta que no me quedo contento con el resultado no paro. Así es como pasé de tener un pagespeed de mierda:
A optimizar la velocidad de carga de mi blog WordPress y tener unos números de pagespeed más que decentes:
¿Cómo medir la velocidad de carga o pagespeed de una web WordPress?
Hay muchas webs que lo miden, básicamente proporcionas la URL de la página que quieres medir y te sacan unas cuantas métricas. También te analizan el código descargado y te dan recomendaciones de cosas que puedes mejorar para optimizar la velocidad de carga. Yo estuve probando dos, el sitio para medir el pagespeed de Google y GTmetrix que me parece mucho más interesante.
¿Por qué es importante la velocidad de carga de tu web (WordPress o no)
Motivos por los que la velocidad de carga de una web es importante hay muchos, pero por no enrollarme voy a explicar dos muy fáciles de entender:
- Que una web o blog WordPress no cargue rápido influye en tu PageRank. Habrá muchos frikis que discutan que hay mil factores más que influyen bla bla bla… Y es cierto, por eso el siguiente punto es el importante de verdad.
- Que una web o blog WordPress cargue despacio es el principal motivo por el cual tu tasa de rebote va a aumentar (números aquí) o en otras palabras: si una página carga lenta simplemente no esperas, abandonas la web y probablemente no vuelvas más. Hay cosas más importantes en la vida que esperar 3 segundos a que cargue una web (…)
Consejos para mejorar el pagespeed en una web WordPress
A grandes rasgos la lista de cosas a hacer en una web WordPress para optimizar la velocidad de carga de páginas sería al menos la siguiente:
- No sobrecargar la página de plugins
- Utilizar temas optimizados
- Optimizar el tamaño de las imágenes para diversos dispositivos/resoluciones
- Optimizar y minimizar los archivos HTML, Javascript y CSS
- Cachear
- Reducir el número de entradas por página
- Poner el CSS inline
- Combinar imágenes y utilizar sprites de CSS
- Cargar archivos e imágenes de manera asíncrona o perezosa
La lista es más larga pero lo bueno es que la mayoría de estas cosas se pueden conseguir con un par de plugins de WordPress.
Cosas a tener en cuenta al optimizar la velocidad de una página WordPress
No te obsesiones con conseguir el 100% en el pagespeed
Simplemente, no puedes y la relación coste/beneficio no vale la pena. De hecho te diría que lo importante es que la web cargue lo suficientemente rápido como para que no parezca que estás esperando, sin más.
Cada página tiene su pagespeed
Obviamente, cada página de una web WordPress tiene un pagespeed diferente que depende del contenido, plugins, imágenes, etc. Por tanto, lo más inteligente sería optimizar aquellas más visitadas y la portada.
Prueba y error funciona
Mejorar el pagespeed de una página WordPress sin tener ni puta idea idea de lo que estás haciendo es posible.
Hay unos cuantos plugins WordPress que ayudan con el proceso de optimizar la velocidad de carga y una buena recomendación para novatos es probar combinaciones de plugins e ir validando el pagespeed en alguna de las páginas que te lo calculan hasta llegar a un punto que no puedas mejorar más.
5 plugins WordPress gratis para mejorar el pagespeed
Estos son 5 plugins que he utilizado para pasar de un pagespeed del 76% a uno del 95% en este blog WordPress (además de utilizar Hostgator)
Algunos de ellos sólo hacen que poner algunas cabeceras en nuestro archivo .htaccess que hace que se habilite la compresión, la caché y algunas cosas más. Otros van un poco más allá y re-escalan las imágenes, hacen “lazyload” o minimizan y cargan de manera asíncrona la mayoría del código de la página.
Ahí van:
No voy a contar mucho más sobre cómo configurarlos porque en realidad no serviría de nada, cada página es diferente, tiene un contenido diferente el código está organizado de manera diferente y por tanto no hay una única forma de optimizar la velocidad de carga.
Hostgator o por qué un buen hosting influye en el pagespeed
Habrá por ahí mil reviews de hostings buenos, bonitos y baratos para WordPress, pero mi experiencia es la siguiente. Una vez optimizada una web si utilizas un hosting de terceros llega un punto en el que te puedes encontrar con esto:
Que básicamente quiere decir “tu hosting no va lo suficientemente rápido”
En mi caso, he usado y sigo usando 3 hostings para webs WordPress: 1and1, Hostgator y OVH.
De los 3 hostings, utilizando hosting compartido, el que mejor resultado me ha dado para webs WordPress es Hostgator.
De Hostgator destaco estas 3 características para hosting de webs WordPress:
- Buena relación calidad precio: Para webs WordPress que no tengan millones de visitas un Hosting compartido en Hostgator es más que suficiente. De precio, de lo más barato y de calidad alta: buen servicio técnico, sin caídas, 45 días de prueba y mil cosas más que cuentan en la web
- Instalación de webs WordPress con un clic. Desde el panel de administración puedes instalar WordPress (y muchas otras aplicaciones con un clic). Ideal para novatos
- WordPress con WP Super Cache. Esto ya mejora mucho la velocidad de carga de webs WordPress y es que en Hostgator, con el instalador de WordPress viene de serie el plugin WP Super Cache. Ya os digo que yo lo he intentado instalar en otros hostings a mano y no he sido capaz…
Cupón descuento para Hostgator
Les he pedido a Hostgator algún código o cupón descuento para el que quiera ahorrarse dinero al contratar cualquier hosting de Hostgator y me han dado este:
AROMEU25
Lo dicho, el que lo use tiene un 25% de descuento en hostings desde la web de Hostgator
Resumiendo, mide el pagespeed, juega con unos cuantos plugins de WordPress para mejorar la velocidad de carga de tu portada y algunas páginas importantes y si estás buscando un buen hosting para páginas WordPress usa Hostgator. Fin.
