Aprende a instalar y configurar WP Rocket para mejorar la velocidad de tu sitio web WordPress. Este plugin de caché para WordPress puede ayudarte a reducir el tiempo de carga de tu sitio web, lo que puede traducirse en una mejor experiencia de usuario y un mejor posicionamiento SEO.
En este post, te enseñaré a cómo configurar WP Rocket para que puedas aprovechar al máximo sus beneficios.
Si deseas ir directo a una configuración, en la tabla de contenido selecciona la opción que te interese.
Cómo descargar e instalar WP Rocket
Primero: realiza la compra de WP Rocket e inicia sesión desde la página oficial de WP Rocket.
Segundo: descarga el archivo dando clic en «Download WP Rocket»
Tercero: Te diriges a Plugins / añadir nuevo / subir plugin / seleccionar archivo / Instalar ahora
Una vez este instalado das clic en «Activar plugin»
Nota: No es necesario ingresar una clave, la instalación es automática al activar el plugin.
Cómo configurar WP Rocket
La instalación por defecto optimiza la web, pero es necesario configurar WP Rocket de manera correcta y conocer que realiza cada sección.
Antes de empezar a realizar cambios te sugiero que hagas una copia de seguridad. Esto te permitirá restaurar la configuración anterior si algo no funciona como lo esperabas.
1. Escritorio
Información de la cuenta sobre la licencia que mantiene y si tienes activado RocketCDN. Recomiendo mantener desactivado «analíticas de Rocket» ya que suele afectar levemente al rendimiento de la web.
En “Acciones rápidas” puedes borrar la caché y si realizas cambios de diseño clic en «Clear Used CSS»
2. Caché
Si te encuentras en alguna de estas situaciones, considera descargar el complemento auxiliar de WP Rocket:
- Si tu hosting ya utiliza un complemento de caché:
Es importante desactivar la caché de WP Rocket para evitar conflictos o averiguar al hosting si tiene permitido usarlo.
- Si ya tienes instalado un plugin de caché de páginas:
Recomiendo desactivar la caché de WP Rocket para evitar problemas de compatibilidad.
Caché móvil (Mobile Cache)
Permite servir páginas optimizadas y almacenadas en caché a los visitantes que utilizan un dispositivo móvil para navegar por su sitio web.
- Habilitar el almacenamiento en caché para dispositivos móviles (Enable caching for mobile devices) Activado
Debe estar activado como norma general, a menos que tu sitio no esté adaptado para dispositivos móviles
- Archivos de caché separados para dispositivos móviles (Separate cache files for mobile devices) Desactivado
Actívalo solo si tu sitio web tiene funciones especiales para dispositivos móviles, como una barra de herramientas de navegación adicional cargada a través de JavaScript.
Caché de usuario (User Cache)
Crea un conjunto de archivos caché para cada usuario de WordPress que haya iniciado sesión.
- Habilitar el almacenamiento en caché para usuarios registrados – usuarios de WordPress (Enable caching for logged in – WordPress users) Desactivado
Actívalo a menos que tengas inicio de sesión en tu sitio web. Activar esta opción aumentará el uso de recursos del CPU. Te sugiero desactivar la caché para las URL personalizadas, como inicio y cierre de sesión.
Vida útil de la caché (Cache Lifespan)
La elección de la duración de la caché depende de tu sitio web y con qué frecuencia se actualizan los contenidos. Puedes seleccionar entre intervalos de 24, 12, 10 u 8 horas, pero ten en cuenta que los recursos pueden aumentar a medida que disminuyes el tiempo de caché.
3. Optimizar Archivos (File Optimization)
Esta sección es importante para configurar WP Rocket de forma correcta, por lo general es donde presenta errores al optimizar CSS o JavaScript.
Optimizar archivos CSS y JavaScript
- Minificar archivos CSS/JavaScript (Minify CSS/JavaScript) Activado
Elimina espacios en blanco y comentarios del código, lo que reduce el tamaño del archivo y acelera las descargas. Sin embargo, no reduce las solicitudes HTTP en tu sitio.
- Combinar archivos CSS / JavaScript (Combine CSS/JavaScript files) Desactivado
Activa esta opción si tu sitio web utiliza HTTP/1. En HTTP/2, no se recomienda activarla.
¿Qué hace? Combina todos los archivos en uno solo, reduciendo las solicitudes HTTP en tu web.
Comprueba si tu sitio web carga en HTTP/1 o HTTP/2.
- Archivos CSS/JavaScript excluidos (Excluded CSS/JavaScript files)
Si activar la minificación daña tu sitio web, revisa el código fuente y agrega aquí los archivos problemáticos.
- Optimizar la entrega de CSS (Optimize CSS Delivery) Activado
Mejora la entrega de CSS y elimina el CSS que bloquea tu sitio web.
- ¿Eliminar CSS no utilizado o cargar CSS de forma asincrónica? (¿Removed Unused CSS o Load CSS Asynchronously?) Removed Unused CSS
Removed Unused CSS elimina todo el CSS no utilizado, manteniendo solo el CSS necesario para cada página.
Si no funciona Removed Unused CSS, activa Load CSS Asynchronously. Esto generará en segundo plano y se agregará en la siguiente página.
- Cargar script diferido (Load Script deferred) Activado
La página se mostrará al navegador y cargará los scripts más adelante.
- Retrasar la ejecución de JavaScript (Delay JavaScript execution) Activado
Retrasar la ejecución de JavaScript mejora el rendimiento al postergar la carga de archivos JavaScript y scripts en línea hasta que el usuario interactúe (por ejemplo, mover el mouse o tocar la pantalla).
Si necesitas que un script o archivo se muestre sin retrasos, selecciona la opción que NO deseas en la lista correspondiente para evitar el retraso.
4. Medios (Media)
Carga lenta (LazyLoad)
- Habilitar para imágenes (Enable for images) Activado
- Imágenes de fondo CSS (Enable for CSS background images) Desactivado
Activa esta opción si quieres retrasar la carga de imágenes de fondo que se agregan a una página web mediante CSS. Esto mejora el rendimiento, ya que las imágenes de fondo solo se cargarán cuando el usuario las vea en pantalla.
- Habilitar para iframes y videos (Enable for iframes and videos) Activado
Desactívalo si no tienes iframes (como Google Maps) o videos en tu sitio.
Cuando actives te va aparecer Reemplazar el iframe de YouTube con una imagen de vista previa (Replace YouTube iframe with preview image) Activado
Al activar esto, se sustituirá el iframe de YouTube por una miniatura, lo que mejora el rendimiento de los recursos. Es posible que se genere un servidor externo para la imagen de YouTube.
- Imágenes o iframes excluidos (Excluded images or iframes)
Si no quieres que una imagen o un iframe se carguen con la carga diferida, puedes agregar el nombre de la imagen o iframe aquí.
Dimensiones de la imagen (Image Dimensions)
Cuando un navegador muestra una página web, primero carga el HTML y luego espera a que se descarguen las imágenes. Si los valores de ancho y alto están disponibles, los navegadores pueden usar esa información para reservar el espacio necesario para las imágenes en las páginas.
- Agregar dimensiones de imagen que faltan (Add missing image dimensions) Activado
WP Rocket agregará la altura, el ancho o ambos si la información está disponible.
5. Precarga (Preload)
Precarga de caché (Preload Cache)
WP Rocket detectará automáticamente los mapas de sitio y guardará todas las URL en su base de datos.
- Activar precarga (Activate Preloading) Activado
Excluir URL (Exclude URL) .- Agrega aquí las URL que no deseas que se precarguen.
Enlaces de precarga (Preload Links)
Se precargan los enlaces cuando el usuario pasa el cursor sobre ellos. Ten en cuenta que esto puede aumentar la carga de recursos, especialmente si el usuario pasa el cursor sobre varios enlaces.
- Habilitar la precarga de enlaces (Enable link preloading) Activado
Solicitudes de DNS de captación previa (Prefetch DNS Requests)
Si tienes contenido de terceros en tu sitio web, es posible que desees agregar el dominio de origen correspondiente en esta sección. La mayoría de las solicitudes ya están retrasadas desde el momento en que activaste el retraso de JavaScript.
Precargar Fuentes (Preload Fonts)
WP Rocket ya realiza la precarga de fuentes automáticamente. Si PageSpeed te sugiere agregar un enlace en esta sección, agrégalo.
6. Reglas Avanzadas (Advanced Rules)
Esta sección suele requerir ajustes avanzados, generalmente no es necesario modificarla a menos que necesites configuraciones específicas.
Nunca almacenar en caché la URL (Never Cache URL)
Aquí puedes ingresar las URL de inicio y cierre de sesión personalizadas que deben excluirse de la memoria caché.
Nunca almacenar en caché la cookie (Never Cache Cookie)
Esta opción evita el almacenamiento en caché y la optimización en función de la presencia de cookies específicas.
Nunca almacenar en caché los agentes de usuario (Never Cache User Agent)
Se utiliza para evitar que las páginas optimizadas y almacenadas en caché se muestren en ciertos dispositivos y navegadores específicos.
Limpiar siempre las URL (Always Purge URL)
Aquí puedes especificar las URL que deseas eliminar de la caché cada vez que actualices cualquier publicación o página.
Cadenas de consulta de caché (Cache Query String)
WP Rocket no almacena URL de consultas, por ejemplo: page/?country=Italia. Si necesitas agregar un parámetro, como «country,» para que se incluya en la caché, puedes hacerlo aquí.
7. Base de Datos (Database)
Recomiendo no dejar esta configuración en automático y realizar las limpiezas manualmente para estar seguro de qué se está eliminando.
Al hacer clic en Guardar cambios y optimizar (save change and optimize) se guardarán los cambios que hayas activado y se optimizará la base de datos.
Limpieza de Publicaciones (Post Cleanup)
Se eliminarán permanentemente las revisiones, los borradores automáticos y las publicaciones en la papelera. Si deseas conservar revisiones o borradores automáticos, no utilices esta opción.
- Revisiones (Revisions) – activado
- Borradores automáticos (Auto drafts) – activado
- Publicaciones en la papelera (Trashed posts) – activado
Limpieza de comentarios (Comments Cleanup)
El spam y los comentarios basura se eliminarán permanentemente.
- Comentarios Spam (Spam comments) – activado
- Comentarios en la papelera (Trashed comments) – activado
Limpieza de transitorios (Transients Cleanup)
Los transitorios son opciones temporales y pueden eliminarse de forma segura. Se regeneran automáticamente según lo requieran los plugins.
- Todos los transitorios (All transients) – activado
Limpieza de base de datos (Database Cleanup)
Esto reduce la sobrecarga de las tablas de la base de datos.
- Optimizar tablas (Optimize tables) – activado
Limpieza automática (Automatic Cleanup)
Recomiendo realizar limpiezas manuales para verificar qué se eliminará.
- Programar limpieza automática (Schedule Automatic Cleanup) – Desactivado
8. CDN
En esta sección, no es necesario realizar cambios. Te sugiero utilizar la CDN de Cloudflare o SiteGround.
Si decides utilizar o tienes otra CDN, te recomiendo leer la documentación para configurarla adecuadamente.
9. Latido del corazón (Heartbeat)
Puedes reducir o habilitar la actividad de la API Heartbeat para ahorrar recursos en tu servidor. Este es uno de los principales factores que pueden aumentar el uso de recursos, y no tenerlo configurado puede resultar en un alto consumo, lo que podría llevar a mejorar el plan de hosting.
- Control Heartbeat – Activado
Reducir o desactivar la actividad de Heartbeat (Reduce or disable Heartbeat activity)
Tienes tres opciones: No limitar, Reducir actividad, Desactivar (Do not limit, Reduce activity, Disable)
Al seleccionar Reducir actividad (reduce activity) es cada 120 segundos y al No limitar (do not limit) es de 60 segundos.
Por lo tanto, recomiendo desactivar la actividad en el backend y frontend, y reducir la actividad en el editor de publicaciones.
- Comportamiento en backend (Behavior in backend) – Disable
- Comportamiento en el editor de publicaciones (Behavior in post editor) – Reduce Activity
- Comportamiento en el frontend (Behavior in frontend) – Disable
Es importante mencionar que algunos plugins pueden requerir la configuración «No limitar» en el backend. En ese caso, es necesario consultar la documentación del plugin o ponerse en contacto con el soporte técnico del mismo para obtener orientación específica.
10. Complementos (Add-ons)
Complementos Rocket con un solo clic (One-click Rocket Add-ons)
Estos son complementos que amplían las opciones disponibles sin necesidad de una configuración detallada. Simplemente cambia la opción a «On» para habilitarlos desde esta pantalla.
- Varnish
Actívalo si tu hosting usa Varnish. Por ejemplo: Webempresa
- Compatibilidad WebP (WebP Compatibility)
No es necesario activarla y activarla no crea imágenes en formato WebP.
Complementos de Rocket (Rocket Add-ons)
Estos son complementos adicionales que amplían las opciones disponibles
- Cloudflare
Si utilizas la CDN de Cloudflare, actívalo e ingresa tu correo electrónico de inicio de sesión en Cloudflare y la clave API. Deja desactivadas las opciones adicionales.
- Sucuri
Si utilizas el firewall de Sucuri con el almacenamiento en caché habilitado, debes activar el complemento WP Rocket Sucuri. Actívalo e ingresa la clave API.
Resumen
Al configurar WP Rocket siguiendo las recomendaciones que te compartí, puedes mejorar significativamente el rendimiento de tu sitio web. Las áreas clave de optimización incluyen la gestión de la caché, la optimización de archivos, la configuración de medios, la limpieza de la base de datos y la gestión de complementos.
Estas configuraciones pueden personalizarse según las necesidades específicas de tu sitio web. Además, te recomiendo realizar algunas tareas de optimización de forma manual para tener un mayor control sobre lo que se elimina y cómo se precargan los recursos.
WP Rocket ofrece una serie de herramientas para mejorar la velocidad y la eficiencia de tu sitio web, lo que puede tener un impacto positivo en la experiencia del usuario y en la clasificación de tu sitio en los motores de búsqueda. La optimización constante y la adaptación a las necesidades cambiantes de tu sitio son clave para mantener un rendimiento óptimo a largo plazo.
Recuerda seguir visitando Pleybast, que estaré compartiendo optimizaciones que puedes realizar con WP Rocket.
Sin más que decir, quiero informarte que en este post he agregado enlaces de afiliado. Estos enlaces no implican ningún costo adicional para ti como lector, ya que las tarifas permanecen inalteradas.
Pero al momento de realizar una compra a través de estos enlaces, recibimos una pequeña comisión que nos ayuda a generar ingresos para mantener esta web y seguir proporcionando contenido útil y relevante.
Gracias por tu apoyo y esperamos que esta información te haya servido.