¿Cuáles son los beneficios del complemento WP Rocket?
WP Rocket es un complemento de almacenamiento en caché de WordPress que mejora la velocidad de los sitios de WordPress mediante la implementación de varias optimizaciones avanzadas, como el almacenamiento en caché, la precarga del caché y las fuentes de su sitio web, la minimización de archivos CSS y Javascript, la carga retrasada de archivos Javascript, la optimización de la base de datos de WordPress, etc.
WP Rocket, a diferencia de muchos complementos de almacenamiento en caché, no requiere configuraciones complicadas y comienza a funcionar tan pronto como lo instala y activa. Este complemento no requiere ningún conocimiento técnico o de codificación, pero le permite realizar configuraciones avanzadas si lo desea. Finalmente, este complemento le permite deshacer fácilmente los cambios realizados si es necesario.
Comparación antes/después
Volveremos a la configuración y todas las posibilidades de este complemento más adelante, pero quería mostrarles su impacto en un sitio web antes/después de la instalación, y después de realizar algunas configuraciones muy simples en 2 pestañas: la pestaña “Optimización de archivos” CSS y JS”, y la pestaña “Medios”.
WP Rocket afirma que podemos lograr resultados significativos muy fácilmente y sin tener ningún conocimiento técnico de antemano. Para poder hacer comparaciones, usaréGTmetrix para probar el rendimiento de un sitio web de WordPress administrado en el servidor web Hostinger, usando una cuenta CDN gratuita de Cloudflare.
1) Resultados antes de instalar WP Rocket:
2) Resultados después de instalar el complemento:
Muchas funciones se han habilitado de forma predeterminada, incluidas la carga previa de archivos y las funciones de caché.
3) Configuración de la pestaña Optimización de archivos CSS y JS:
Estas funciones no están habilitadas de forma predeterminada. Aquí están los ajustes que hice:
- Minimizar archivos CSS: establecer en ON
- Combinar archivos CSS: establecer en ON
- Optimizar la entrega de CSS + cargar archivos CSS de forma asincrónica: establecer en ON
- Minimizar archivos CSS: establecer en ON
- Carga diferida de archivos JS: establecido en ON
- Retrasar la ejecución de JavaScript hasta la interacción del usuario: establecer en ON
Estos son los resultados obtenidos al optimizar los archivos CSS y JS:
La optimización de los archivos CSS y Javascript me permitió pasar del grado B al grado A de GTmetrix, ¡con solo unos pocos clics!
4) Configuración de la pestaña “Medios”:
Estos son los ajustes relacionados con “Lazy Load” y el tamaño de la imagen.
- Habilitar para imágenes: establecer en ON
- Habilitar para iframes y videos: establecer en ON
- Agregar dimensiones de imagen que faltan: establecer en ON
Estos son los resultados adicionales obtenidos gracias a la configuración relacionada con Lazy Load y el tamaño de la imagen:
5) Resultados obtenidos tras la optimización de imagen por Imagify:
Como podemos ver fácilmente, los resultados son realmente muy interesantes, tenemos un sitio web optimizado en solo unos pocos clics, lo que tendrá un impacto positivo en el SEO.
Precios de WP ROCKET
Tenemos la opción de elegir entre 3 planes anuales, dependiendo de la cantidad de sitios web que queramos optimizar:
El plan Single es válido para un solo sitio de WordPress y cuesta solo $ 49 por año (o € 44 por año), soporte incluido. Puede usar el complemento en más sitios web actualizando su licencia. Cuando actualice, solo pagará la diferencia de precio entre su licencia actual y la que está actualizando.
El plan Plus le permite optimizar 3 sitios web y cuesta $ 99 por año (o € 88 por año). Finalmente, el plan Infinite cuesta $249 por año (o €222 por año) y permite la optimización de un número ilimitado de sitios de WordPress.
A veces puede obtener el complemento a un precio con descuento. Se ofrece una garantía de devolución del 100% del dinero dentro de los 14 días posteriores a la compra. Al renovar la licencia se ofrece un 30% de descuento.
Todas las configuraciones de WP Rocket:
1) El tablero de WP Rocket
- Mi cuenta: aquí es donde se especifica la información sobre su licencia.
- “Acciones rápidas”: esta configuración le permite eliminar todos los archivos almacenados en caché con 1 clic, iniciar la carga previa de caché o regenerar CSS crítico.
- RocketCDN: tiene la opción de suscribirse al propio CDN de WP Rocket. Pero el precio me parece un poco elevado: 7,99 dólares al mes.
- Mi estado: esta configuración permite compartir datos anónimos con el equipo de desarrollo para ayudar a mejorar WP Rocket.
- Enlaces a videos que explican cómo funciona el complemento, cómo medir la velocidad de su sitio web, cómo hacer la mejor configuración, … También hay un enlace a la documentación oficial del complemento y, finalmente, un enlace para ponerse en contacto con el soporte.
2 ) La pestaña Caché:
- Caché móvil: este ajuste le permite habilitar o deshabilitar el almacenamiento en caché para usuarios móviles. Opcionalmente, puede usar archivos de caché separados para dispositivos móviles (esta es una opción para las personas que usan temas móviles dedicados).
- Caché de usuario: esta configuración le permite habilitar o deshabilitar el almacenamiento en caché para los usuarios que han iniciado sesión. El caché de usuario es útil si un sitio web tiene contenido específico para los usuarios.
- Cache Lifetime: este ajuste le permite especificar el tiempo después del cual se eliminarán los archivos de caché.
Con respecto al comercio electrónico, WP Rocket no almacena en caché las páginas confidenciales. Por lo tanto, no se debe temer ninguna interferencia en el proceso de compra.
3) La pestaña Optimización de archivos
Esta es la pestaña que le permitirá optimizar y ajustar la configuración de los archivos CSS y JavaScript. Con respecto a los archivos CSS, puede:
- Minimice los archivos CSS eliminando comentarios y espacios en blanco en los archivos CSS para reducir su tamaño.
- Combinar archivos: este ajuste combina varios archivos CSS en un solo archivo, lo que reduce la cantidad de solicitudes HTTP.
Es posible excluir ciertos archivos CSS de la minificación y fusión de archivos CSS. - Optimice la entrega de CSS eliminando el CSS que bloquea el renderizado. Se puede elegir entre dos métodos: eliminar el código CSS no utilizado (método en versión Beta, es el que se recomienda oficialmente), o el método de carga asíncrona de CSS.
Para archivos JavaScript, puede:
- Minimice los archivos JavaScript eliminando comentarios y espacios en blanco en los archivos JS para reducir su tamaño. Es posible excluir ciertos archivos JavaScript de la minificación.
- Combine archivos JavaScript fusionando todos los archivos JS para reducir la cantidad de solicitudes HTTP. Es posible excluir ciertos archivos JavaScript de la concatenación.
- Aplazar la carga de JavaScript para eliminar JavaScript que bloquea la representación en su sitio web para mejorar su tiempo de carga. Es posible excluir ciertos archivos JavaScript.
- Retrasar la ejecución de JavaScript hasta la interacción del usuario (por ejemplo, cuando el usuario se desplaza por la pantalla o hace clic con el mouse).
4) La pestaña Medios:
- La pestaña Medios le permite optimizar los archivos multimedia en su sitio web. Para ello, el complemento activa la carga diferida para imágenes, iframes y videos, lo que permite reducir su tiempo de carga (Existe una opción que permite excluir ciertas imágenes o ciertos iframes). Finalmente, puede reemplazar el iframe de YouTube con una imagen de vista previa.
- También es posible agregar atributos faltantes de ancho y alto a las imágenes. Este ajuste ayuda a evitar cambios de diseño y mejora la experiencia de lectura para los usuarios de la web.
5) La pestaña Precarga:
- Habilite la captura previa de archivos para generar archivos de caché que comiencen con enlaces a la página de inicio, seguidos de mapas de sitio XML. La precarga de archivos se activa automáticamente cuando agrega o actualiza contenido y también se puede activar manualmente desde la barra de administración o desde el panel de control de WP Rocket.
- Habilite la carga previa de enlaces, lo que mejora drásticamente el tiempo de carga percibido al cargar una página cuando un usuario se desplaza sobre un enlace.
- Búsqueda previa de consultas DNS para reducir el tiempo de carga de archivos externos. Debe especificar manualmente las URL que se precargarán.
- Precarga de fuentes: este ajuste mejora el rendimiento del sitio web al permitir que los navegadores descubran las fuentes directamente en los archivos CSS. Debe especificar manualmente las URL de los archivos que contienen las fuentes para precargar. Estas fuentes deben estar alojadas en su propio dominio o en el dominio que especificó en la pestaña CDN.
6) La pestaña Configuración avanzada:
WP Rocket también ofrece algunas configuraciones más avanzadas para que pueda ajustar sus reglas de caché. Esta sección le permite establecer reglas como:
- URL de páginas o artículos que nunca deben almacenarse en caché, como: páginas de inicio o cierre de sesión, página de validación de pedidos,…
- Identificadores de cookies que, cuando se configuran en el navegador del visitante, deben evitar que una página se almacene en caché.
- Cadenas de agente de usuario que nunca deberían ver las páginas en caché.
- URL que deben eliminarse en cualquier página o publicar actualizaciones de contenido.
- Cadenas de consulta que deben almacenarse en caché.
Para todas estas configuraciones avanzadas, debe especificar los recursos que desea optimizar: URL, ID de cookies, cadenas de consulta.
7) La pestaña Base de datos:
WP Rocket también ofrece optimización avanzada de bases de datos, por lo que no necesita usar un complemento por separado, lo que siempre es bueno cuando se trata de seguridad y rendimiento. En esta sección puede habilitar las siguientes configuraciones:
- La función de limpieza de publicaciones nos permite eliminar de forma permanente revisiones de publicaciones, borradores automáticos y publicaciones eliminadas, lo cual es especialmente bueno para los blogs.
- La limpieza de comentarios ayuda a eliminar permanentemente el spam y los comentarios eliminados.
- Limpieza transitoria: esta característica es realmente útil, ya que los transitorios realmente pueden ralentizar un sitio web.
- Limpieza de base de datos.
- Por último, puedes configurar una limpieza automática, esta limpieza puede ser diaria, semanal o mensual.
8) La pestaña CDN
La pestaña CDN le permite ajustar la configuración de CDN (red de entrega de contenido) para su sitio web. En esta sección, usted puede:
- use la propia red de entrega de contenido de WP Rocket: RocketCDN. La tarifa es de $ 7.99 por mes.
Las ventajas de este CDN son múltiples: nos ofrece una configuración automática que nos permite evitar configurar parámetros que a veces son difíciles de entender en su totalidad. RocketCDN simplemente aplicará la mejor configuración para aumentar la velocidad de visualización de nuestro sitio web.
RocketCDN también nos ahorra tiempo: no es necesario buscar la mejor configuración del panel de CDN. Por el contrario, solo necesitamos simplemente ingresar una URL personalizada y nuestro sitio será inmediatamente más rápido.
Finalmente, RocketCDN funciona con StackPath .
- La pestaña CDN también le permite activar la CDN de su elección (aparte de Cloudflare o Sucuri, que son compatibles con la pestaña “Complementos”). Las URL de archivos estáticos (imágenes, Javascript y CSS) se reescribirán en el CNAME de CDN que especifique. Es posible excluir URL específicas del soporte de CDN.
9) La pestaña del latido del corazón
En esta pestaña puede controlar la API de WordPress Heartbeat. Esta API permite que el navegador se comunique automáticamente con el servidor. En esta sección de configuración de WP Rocket, puedes:
- Habilite el Control de latidos.
- Reduzca, elimine la limitación o, por el contrario, desactive la actividad Heartbeat para: el comportamiento en el backend, el comportamiento en el editor de publicaciones y, finalmente, el comportamiento en el frontend.
La API ejecuta un conjunto de tareas en un intervalo o “tick” cada 15-60 segundos y utiliza el archivo admin-ajax.php en el backend (panel de control), el editor de publicaciones o el frontend para realizar esta actividad. Muchas solicitudes de admin-ajax.php en algunos servidores pueden causar una sobrecarga o uso excesivo de la CPU. Según el servidor web y el tipo de alojamiento, esta sobrecarga puede provocar problemas de rendimiento y, en última instancia, suspensiones de cuentas de alojamiento web.
10) La pestaña Módulos adicionales
En esta pestaña, están disponibles dos tipos de módulos adicionales : módulos que se pueden activar con un solo clic y, por lo tanto, no requieren ninguna configuración, así como módulos que requieren autenticación.
Los módulos habilitados con un solo clic son Varnish y el módulo de compatibilidad con WebP:
- Varnish permite purgar la caché de Varnish cada vez que el plugin WP Rocket vacía su propia caché, para que el contenido que se ofrece a los internautas esté siempre actualizado.
- La configuración de “compatibilidad con WebP” permite crear un archivo de caché separado, en caso de que usemos este formato de imagen gracias a un módulo adicional específico de WordPress.
Los módulos que requieren autenticación son Cloudflare y Sucuri:
- El módulo adicional Cloudflare le permite integrar su cuenta de Cloudflare. Deberá proporcionar su correo electrónico y clave API de Cloudflare.
- El módulo adicional Sucuri le permite sincronizar el caché desde su cuenta de Sucuri. Deberá proporcionar su “clave de API de firewall”.
11) Pestaña de optimización de imagen
Aquí es donde puede instalar el complemento Imagify si desea optimizar sus imágenes. Más detalles sobre Imagify en este artículo.
12) La pestaña Herramientas
- Configuración de exportación e importación: puede descargar una copia de su configuración, lo que es especialmente útil cuando necesita administrar varios sitios de WordPress. Simplemente haga clic en el botón a la derecha para descargar el archivo.
- Retroceder: le permite retroceder a la versión anterior del complemento.
13) Pestaña de tutoriales:
Se ofrece una serie de videos sobre varios temas bastante útiles: cómo comenzar, cómo medir correctamente la velocidad de nuestro sitio web, cómo pasar la prueba Core Web Vitals, cómo verificar que el complemento está almacenando bien en caché nuestro sitio, aprender cómo funciona la precarga, cómo mejorar la LCP , cómo mejorar la FID , cómo mejorar la CLS, cómo solucionar algunos problemas de compatibilidad, cómo configurar el complemento de Cloudflare…
Preguntas frecuentes
¿Cómo instalar WP Rocket?
1/ Vaya a su cuenta de WP Rocket una vez que haya comprado el complemento y descargue el archivo ZIP:
2/ Haga clic en la pestaña “Complementos” de su panel de administración de WordPress:
3/ Haga clic en “Agregar nuevo”:
4/ Haga clic en “Subir complemento”:
5/ Haga clic en “elegir un archivo”:
6/ Haga clic en “instalar ahora”
7/ Espere unos segundos a que se complete la instalación, luego active su complemento:
¿WP Rocket funciona con Cloudflare?
WP Rocket es totalmente compatible con Cloudflare CDN, con el que funciona en sinergia. El uso del complemento de Cloudflare no es un requisito en la mayoría de los casos, es solo una conveniencia. Una vez que haya configurado correctamente su cuenta de Cloudflare, estará activa para su sitio, ya sea que use o no el complemento WP Rocket.
¡Mi sitio web está roto! Que debo hacer ?
A veces, cuando comienza a cambiar la configuración de WP Rocket, puede notar que faltan imágenes u otros problemas de visualización en su sitio. ¡No te preocupes, estos problemas no son permanentes!
¿Cuáles son las alternativas al complemento WP Rocket?
Aquí tienes algunas alternativas: WP Super Cache , WP Fastest Cache , W3 Total Cache , LiteSpeed Cache , WP-Optimize ,…
¿Qué es mejor WP Rocket cache o W3 Total Cache ?
WP Rocket tiene más funciones de optimización de velocidad que W3 Total Cache (limpieza de base de datos, alojamiento local de Google Analytics, precarga de fuentes, etc.). Por eso suele dar mejores resultados en GTmetrix.
¿Es WP Rocket realmente esencial?
Aunque hay otros complementos de almacenamiento en caché de WordPress, incluidas opciones gratuitas, para cualquiera que quiera un complemento de WordPress que pueda usarse para acelerar su sitio web sin tener conocimientos técnicos, o para aquellos que no hacen una gran cantidad de configuraciones a veces complicadas, WP Rocket definitivamente vale la pena la inversión.
¿Con qué servidores web es compatible el complemento WP Rocket?
El complemento es compatible con Apache , NGINX , Microsoft IIS y LiteSpeed .
¿Cómo usar WP Rocket en un entorno multisitio?
Hay algunos detalles que debes considerar. Más detalles en la documentación oficial.
¿Puedo ejecutar WP Rocket en localhost y dominios provisionales?
WP Rocket también funciona localmente. Las instalaciones locales no cuentan como sitios a efectos de licencia, aunque pueden aparecer en su lista de sitios web en la página de su cuenta de WP Rocket. Más detalles aquí .
