Cómo Instalar y Configurar WP Rocket Tutorial 2024

Imagen destacada de un cronómetro sobre un fondo verde, que representa el proceso de configuración de WP Rocket, un plugin de optimización de la velocidad del sitio web.

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»

Botón de descarga de WP Rocket, que muestra el texto 'Download WP Rocket

Tercero: Te diriges a Plugins / añadir nuevo / subir plugin / seleccionar archivo / Instalar ahora

Panel de WordPress con el orden numérico para instalar un plugin en WordPress

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»

Configurar Escritorio de WP Rocket

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é.

Configurar la caché para mejorar la velocidad de carga de tu sitio web con WP Rocket

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.

Cómo optimizar archivos configuración de WP Rocket

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.

Configurar Medios de WP Rocket

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.

Configurar Precargar de WP Rocket

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í.

Configurar Reglas avanzadas de Wp Rocket

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
Configurar Base de datos de WP Rocket

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 HeartbeatActivado

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.

Configurar Heartbeat de WP Rocket

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.

Configurar Add-on de WP Rocket

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.

Deja un comentario

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

Información de Privacidad:
Responsable: Anthony Malla ([email protected])
Finalidad del tratamiento: Controlar el spam, gestionar los comentarios
Legitimación: Tu consentimiento
Comunicación de los datos: No se cederán datos a terceros, salvo obligación legal
Derechos: Acceso, rectificación, portabilidad, olvido

 

Scroll al inicio