Guía WP Rocket el mejor plugin de caché y optimización

Guía WP Rocket el mejor plugin de caché y optimización

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.

Guía WP Rocket el mejor plugin de caché y optimización

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:

  1. Caché de página:
    WP Rocket crea una versión en caché de las páginas para acelerar la carga de la web.
  2. Minificación de archivos:
    WP Rocket reduce el tamaño de los archivos HTML, CSS y JavaScript eliminando espacios en blanco y caracteres innecesarios.
  3. Combinación de archivos:
    WP Rocket combina varios archivos CSS o JS en uno solo para reducir el número de solicitudes al servidor.
  4. 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.
  5. Optimización de la base de datos:
    WP Rocket limpia y optimiza la base de datos de WordPress para mejorar el rendimiento.
  6. 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.
  7. Soporte para CDN:
    WP Rocket es compatible con redes de entrega de contenido (CDN) para acelerar la carga de la web.
  8. 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:

Este contenido es visible solo para alumnos del curso de Optimización WordPress de Anaislab.

Para ver el contenido del curso, trucos y snippets para mejorar la velocidad de tu WordPress  o únete

  1. Descarga el plugin en el enlace anterior
  2. Instala el plugin en WordPress
  3. Activa el plugin
  4. 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. 

guía wp rocket cómo configurar la caché

Este contenido es visible solo para alumnos del curso de Optimización WordPress de Anaislab.

Para ver el contenido del curso, trucos y snippets para mejorar la velocidad de tu WordPress  o únete

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:

guía wp rocket cómo optimizar archivos CSS

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:

guía wp rocket cómo optimizar archivos CSS

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.

Este contenido es visible solo para alumnos del curso de Optimización WordPress de Anaislab.

Para ver el contenido del curso, trucos y snippets para mejorar la velocidad de tu WordPress  o únete

Una vez hayamos terminado de configurar el apartado de optimización de archivos CSS guardaremos los cambios y borraremos la caché.
Después comprobamos en una pestaña de incógnito que todo funciona correctamente.

Si por algún motivo tienes algún error con remove unused CSS o no se aplica correctamente revisa y aplica las siguientes recomendaciones:

  • Revisa que la web tiene acceso público.
    No funcionará en webs en mantenimiento, bloqueadas mediante htaccess y similares
  • Revisa que la siguiente IP está permitida en la lista de servidor, firewall o complemento de seguridad 135.125.83.227
  • Revisa que el Cron esté activo y pueda ejecutarse
    Si no sabes qué es el Cron o como optimizarlo te enseño cómo
  • Si estás usando Wordfence sigue las siguientes instrucciones

Cómo optimizar los archivos JavaScript con WP Rocket

Los archivos JavaScript se encargan de la funcionalidad de una web y es lo que convierte a una web de estática a dinámica.
Estos archivos son los encargados de que funcione el menú móvil, el maquetador de páginas, los formularios, etc.

Los scripts de JavaScript suelen pesar más que los scripts de CSS y son más propensos a sufrir errores con la optimización de archivos (aunque cada vez es más infrecuente por el gran trabajo del equipo del WP Rocket), por eso es muy importante aprender a configurar correctamente los archivos JavaScript, identificar los posibles problemas y saber darles solución.

Así que vamos a aprender todo lo necesario para optimizar nuestros archivos JavaScript.

guía wp rocket cómo optimizar archivos javascript

Lo primero será dirigirnos a WP Rocket > Optimizar archivos y veremos que tenemos 3 opciones:

  • Minificar archivos JavaScript
  • Combinar archivos JavaScript
  • Cargar archivos JavaScript de manera diferida
  • Retrasar la ejecución de JavaScript

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.

Este contenido es visible solo para alumnos del curso de Optimización WordPress de Anaislab.

Para ver el contenido del curso, trucos y snippets para mejorar la velocidad de tu WordPress  o únete

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.

Este contenido es visible solo para alumnos del curso de Optimización WordPress de Anaislab.

Para ver el contenido del curso, trucos y snippets para mejorar la velocidad de tu WordPress  o únete

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.

Este contenido es visible solo para alumnos del curso de Optimización WordPress de Anaislab.

Para ver el contenido del curso, trucos y snippets para mejorar la velocidad de tu WordPress  o únete

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:

guía wp rocket reglas avanzadas

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. 

Este contenido es visible solo para alumnos del curso de Optimización WordPress de Anaislab.

Para ver el contenido del curso, trucos y snippets para mejorar la velocidad de tu WordPress  o únete

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.

Este contenido es visible solo para alumnos del curso de Optimización WordPress de Anaislab.

Para ver el contenido del curso, trucos y snippets para mejorar la velocidad de tu WordPress  o únete

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€ 🎉

guía wp rocket Descuento licencia WP Rocket

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.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Scroll al inicio