Contenido
En esta lección del curso de optimización WordPress hablaremos de WP Rocket el mejor plugin de caché y optimización WordPress. WP Rocket es mucho más que un plugin es la solución definitiva para mejorar la velocidad de carga y las notas de PageSpeed en WordPress.
En esta guía WP Rocket aprenderás cómo utilizar esta herramienta para optimizar el rendimiento de WordPress y mejorar la experiencia de nuestros usuarios, aplicando caché, optimizando archivos CSS y JavaScript, aplicando el LazyLoad a las imágenes y muchas más opciones avanzadas de WP Rocket, que hace que esté muy por encima de todos sus rivales.
WP Rocket el mejor plugin de caché para WordPress
WP Rocket se publicó en el año 2023 por el equipo WP Media, responsables del conocido plugin Imagify con el que optimizar nuestras imágenes, y es una de las mejores herramientas que existen en la actualidad para poder tener el preciado aprobado en Google PageSpeed.
Este plugin es sobradamente famoso y, según sus creadores, se ha instalado en más de 1.000.000 de webs creadas con WordPress. La fama lleva a que muchos usuarios se lancen de cabeza a comprar una licencia e instalarlo en su web, darle un pequeño vistazo, activar 2 o 3 opciones y presionar el botón de guardar los cambios. ¿El resultado? Una mejora en el rendimiento de la web, pero para nada un resultado como en un servicio de optimización hecho por un profesional del sector y muchos menos conseguir el aprobado en Google PageSpeed.
Es por eso que en esta guía de WP Rocket voy a explicarte paso por paso para qué sirven todas y cada una de sus opciones, así como configurar la caché con WP Rocket, optimizar de forma profesional los archivos CSS y JavaScript, activar la precarga de caché o configurar una CDN con WP Rocket, entre otros.
¿Qué hace WP Rocket?
Básicamente su principal función es mejorar el rendimiento de WordPress mediante:
- Caché de página:
WP Rocket crea una versión en caché de las páginas para acelerar la carga de la web. - Minificación de archivos:
WP Rocket reduce el tamaño de los archivos HTML, CSS y JavaScript eliminando espacios en blanco y caracteres innecesarios. - Combinación de archivos:
WP Rocket combina varios archivos CSS o JS en uno solo para reducir el número de solicitudes al servidor. - Pre-carga de caché:
WP Rocket pre-carga la caché para garantizar que los visitantes siempre vean la versión en caché de una página. - Optimización de la base de datos:
WP Rocket limpia y optimiza la base de datos de WordPress para mejorar el rendimiento. - Lazy loading:
WP Rocket carga imágenes, videos y otros elementos multimedia solo cuando son necesarios, reduciendo el tiempo de carga de la página. - Soporte para CDN:
WP Rocket es compatible con redes de entrega de contenido (CDN) para acelerar la carga de la web. - Control del Heartbeat
WP Rocket permite limitar o desactivar la frecuencia de los procesos del Heartbeat de WordPress
Guía WP Rocket para optimizar WordPress
Ahora que ya sabes qué es y para qué sirve WP Rocket vamos a aprender a configurarlo para optimizar WordPress y mejorar la velocidad de carga y notas de Google PageSpeed.
Lo primero es descargar e instalar WP Rocket, recuerda que si eres alumno del curso de Optimización WordPress puedes descargar gratuitamente el plugin Perfmatters desde este botón:
- Descarga el plugin en el enlace anterior
- Instala el plugin en WordPress
- Activa el plugin
- Ve a WP Rocket > Ajustes en el menú superior
Cómo configurar la caché con WP Rocket
Si queremos tener una buena velocidad de carga hacer uso de la caché es fundamental.
La caché es una copia completa de la página web de forma estática que se servirá a todos los usuarios para ahorrar recursos al servidor y peticiones a la base de datos.
Cómo optimizar los archivos CSS con WP Rocket
Los archivos CSS de una web se encargan de la parte estética, definen el color, el tamaño de las tipografías, el ancho de la página, etc.
Estos archivos no suelen pesar demasiado, pero el problema es que una web estándar no solo se carga 1 archivo CSS sino entre unos 30 a 70 archivos CSS y estos pueden llegar a pesar en total de 100 a 400 KB.
Cada plugin que tienes instalado agrega sus propios archivos CSS, los plugins más modesto solo cargarán 1 o 2 archivos, pero los plugins grandes cargarán un número mayor. Y además de los plugins hay que sumar el CSS del tema.
Sin una correcta optimización de los archivos CSS la carga de la web se ralentizará por cada archivo que extra que tenga que cargar, ya que es una “pausa” que el navegador debe hacer para pedirle el archivo al servidor:
En esta lección de WP Rocket te explico paso a paso cómo optimizarlos correctamente para pasar de cargar CSS como en la imagen anterior a cargar 0 archivos CSS (no en todos los casos se podrá llegar a 0, pero cargar 5 o 6 archivos también es un muy buen número).
Sí, sí. 0 archivos CSS y si no me crees te muestro el ejemplo de mi propia web analizada con la misma herramienta online GTMetrix:
Lo primero será dirigirnos a WP Rocket > Optimizar archivos y veremos que tenemos 3 opciones:
- Minificar archivos CSS
- Combinar archivos CSS
- Optimizar la entrega del CSS
Vamos a ver qué hace cada una de estas opciones y cuáles debemos activar, ya que no es tan simple como activarlas todas y darle a guardar.
[restrict]
[/restrict]
Cómo optimizar imágenes con WP Rocket
Si no optimizamos la carga de las imágenes y vídeos de nuestra web nos perjudicará seriamente en el rendimiento de nuestra web.
Es muy importante tener siempre activado el LazyLoad que nos ofrece WP Rocket.
WP Rocket trae 2 opciones para optimizar imágenes y vídeos de nuestra web muy interesantes y necesarias para poder reducir las peticiones a la base de datos y así mejorar nuestras notas en Google PageSpeed:
- LazyLoad
- Image Dimensions
Y en esta lección vamos a aprender para qué sirven y cómo configurarlas correctamente.
Cómo activar la precarga de caché y las reglas avanzadas con WP Rocket
La precarga de caché nos permite generar una copia completa de nuestra web sin esperar que un usuario la visite previamente.
Si no activamos la precarga de caché la copia de nuestra web se creará cuando el primer usuario visite la página y, obviamente, este usuario no disfrutará de una velocidad de carga buena.
Cómo configurar las reglas a WP Rocket
Lo interesante de esta página es la opción de poder excluir páginas de la caché.
Esto debe hacerse en páginas que tengan una pasarela de pago, un registro o login de usuarios.
WP Rocket automáticamente excluye de la caché todas las páginas comprometidas de Woocommerce, Easy Digital Downloads y otros plugins famosos de este estilo, así que no se necesitará añadir manualmente.
Cualquier página que queramos excluir de la caché la añadiremos en la siguiente caja:
Cómo optimizar la base de datos con WP Rocket
Ya aprendimos a optimizar de forma profesional y profunda la base de datos de WordPress en lecciones anteriores.
Es recomendable una vez cada ciertos meses hacer ese tipo de limpieza y también lo es programar la limpieza de la base de datos desde WP Rocket.
WP Rocket nos dejará programar la limpieza de:
- Revisiones
- Borradores automáticos
- Entradas descartadas
- Comentarios SPAM
- Comentarios descartados
- Los transients
Esto es algo genial y súper cómodo para mantener a raya el peso de la base de datos de WordPress.
Lo recomendable es programar una limpieza de la base de datos semanalmente.
Cómo configurar una CDN con WP Rocket
Esta opción la estudiaremos en detalle en su correspondiente lección.
Cómo optimizar el Heartbeat con WP Rocket
El Heartbeat es la API de WordPress que sincroniza en tiempo real los datos entre el navegador y el servidor.
La API hace un “tick” cada 15 o 60 segundos y utiliza el archivo admin-ajax.php, es por eso que en algunos casos si no activamos esta opción al analizar tu web con GTMetrix encontramos una petición que toma muchos segundos de carga llamada “admin-ajax.php”.
Si no lo optimizamos correctamente puede perjudicarnos el rendimiento de nuestra web, así vamos a aprender a optimizar el Heartbeat de forma súper sencilla.
Por último guardaremos los cambios y ya tendremos optimizado el Heartbeat de WordPress.
Una vez hayas leído todas las lecciones y puesto en práctica lo que te enseño en ellas te habrás convertido en todo un especialista de WP Rocket y tu web habrá mejorado radicalmente.
¿Y sabes lo mejor? Que seguro que ha sido mucho más sencillo de lo que pensabas 😉
Mi recomendación es adquirir una licencia de WP Rocket.
De esta forma no tendrás que actualizar el plugin a mano desde la carpeta de plugin premium de Anaislab y tendrás acceso al servicio técnico de los propios desarrolladores del tema.
Además, de esta forma apoyamos su trabajo y su enorme contribución al mundo de la optimización WordPress.
Tengo un regalo para ti: un descuento en la licencia de WP Rocket
Con este descuento la licencia te quedaría tan solo a 47€ 37€ 🎉
En definitiva y para que no quede lugar a duda: WP Rocket es el mejor plugin de caché y optimización para WordPress y en este curso aprenderás a configurarlo como todo un profesional para conseguir las mejores notas Core Web Vitals de Google PageSpeed.
