Una vez hayamos instalado el plugin, nuestra web ya irá más rápido que sin él, podemos comprobar esto simplemente haciendo una prueba del antes y después en GTmetrix

Info

Si ingresas en GTmetrix la URL de tu dominio, te mostrará los resultados con caché, pero si ingresas al final de la URL ?nowprocket te mostrará los resultados sin él, por ejemplo: https://example.com/tu-página-o-publicación-de-blog/?nowprocket

¿Quieres saber si hay alguna configuración recomendada para WP Rocket?

Pues déjame decirte que no hay una sola configuración que sirva para todos los sitios. Cada sitio web es diferente, tiene distintos temas, plugins y hosting, y por lo tanto, algunas configuraciones funcionan mejor en algunos sitios que en otros.

Hay algunas configuraciones, como la optimización de archivos, que funcionan perfectamente en unos sitios pero en otros no sirven para nada. Así que en algunos casos, lo mejor es dejar la configuración desactivada.

Por otro lado, hay algunas características que son claves para mejorar el rendimiento de tu sitio, como el almacenamiento en caché de páginas, el almacenamiento en caché del navegador y la compresión GZIP. Lo mejor de todo es que estas características se activan automáticamente en WP Rocket, sin que tengas que hacer nada más.

Así que ya sabes, si quieres que tu sitio web sea rápido y eficiente, asegúrate de configurar WP Rocket de la manera que mejor funcione para tu sitio, y no dudes en preguntar si necesitas ayuda en el proceso. ¡A optimizar se ha dicho!

Funciones automáticas

WP Rocket tiene unas funciones que son totalmente automáticas, lo que significa que no las encontrarás en la página de configuración:

  • Almacenamiento en caché de páginas (crea archivos HTML estáticos)
  • Almacenamiento en caché del navegador (sólo en servidores Apache/LiteSpeed si están disponibles)
  • Compresión GZIP (sólo en servidores Apache/LiteSpeed si están disponibles)
  • Soporte de Cross-Origin para fuentes web (sólo en servidores Apache/LiteSpeed)
  • Detección y soporte de varios plugins, temas y entornos de hosting de terceros
  • Refresco de la caché de fragmentos de carrito en WooCommerce
  • Optimización de archivos de fuentes de Google
  • Desactivación de los emoticonos (de WordPress)

Estas funciones automáticas son geniales porque no tienes que hacer nada para que funcionen, ya que WP Rocket las activa por defecto. Esto hace que tu sitio web sea más rápido y eficiente sin que tengas que preocuparte por nada.

Configuración por defecto

Cuando activas WP Rocket por primera vez, se activan automáticamente las siguientes configuraciones predeterminadas:

  • Caché para móviles (basada en la detección de teléfonos móviles de WordPress)
  • Duración de la caché (10 horas)
  • Precarga de la caché
  • Precarga de enlaces
  • Control de Heartbeat (establecido en Reducir Actividad)

Si alguna vez quieres volver a la configuración predeterminada de WP Rocket, puedes hacer dos cosas:

  1. Desactivar todas las opciones, excepto las que se mencionan arriba.
  2. O eliminar y reinstalar WP Rocket.

Configuración Avanzada WP Rocket

En caso de que estés buscando alguna configuración específica en WP Rocket, a continuación te proporciono una rápida guía para encontrar cada opción en tu panel de configuración:

Consejos para la configuración óptima

Cuando pruebes las opciones de WP Rocket, sigue estos pasos:

  • Activa las opciones una por una, no todas al mismo tiempo.
  • Después de activar cada opción, revisa tu sitio en una ventana de navegador donde no hayas iniciado sesión en WordPress. Una ventana de incógnito o privada funciona bien. De esta forma podrás ver inmediatamente si alguna opción causa algún problema.
  • Revisa varios tipos de páginas de tu sitio. Si algo no parece bien, ¡no te preocupes! Desactiva la última opción que activaste y tu sitio volverá a la normalidad.

¿Sabías que después de activar una opción, no es necesario que borres la caché? ¡Se hace de manera automática!

ESCRITORIO (Ayuda e información de la cuenta)

  • Opción de Borrar la caché y Precargarla (en caso de que lo hayas activado en la pestaña Precargar).
  • Estado de la licencia.
  • Abrir un ticket.

CACHÉ (Opciones básicas de caché)

  • Caché móvil (Es recomendable activar la caché móvil si tienes una web responsive)
  • Caché de usuario (Es recomendable activarlo cuando dispones de una web que permite a los usuarios loguearse)
  • Vida útil de la caché (No superes las 10 horas nunca)

OPTIMIZAR ARCHIVOS (Optimizar CSS&JS)

¡OJO!

Las configuraciones en este panel pueden mejorar significativamente las calificaciones de rendimiento de tu sitio web, siempre y cuando se manejen con cuidado.

Sin embargo, ¡también pueden romper temporalmente un sitio web!

Si notas algún problema después de activar una de estas opciones, te recomendamos que primero la desactives y luego depures el problema para encontrar la raíz del problema

  • Minificar archivos CSS y Minificar archivos JavaScript 
    La práctica de Minificar archivos CSS y Minificar archivos JavaScript se recomienda para optimizar los archivos, eliminando los espacios en blanco y comentarios para reducir su tamaño. Aunque puede mejorar la "calificación de rendimiento", no siempre tiene un gran impacto en el tiempo de carga real.
  • Combinar archivos CSS y Combinar archivos JavaScript
    La opción de Combinar archivos CSS permite fusionar todos los archivos CSS de un sitio en un solo archivo. De esta forma, si había 10 archivos CSS, ahora solo habrá 1.
    Por otro lado, Combine JS combina todos los archivos JavaScript, incluso los scripts en línea, y los carga en un archivo combinado en la parte inferior de la página para no bloquear la representación de la misma.

  • Retrasar la ejecución de JavaScript
    Esta es una opción avanzada. Ayuda a mejorar el puntaje de PageSpeed y acelera la carga inicial de su página. La función de retraso de ejecución de JavaScript retrasa la carga de todos los archivos JavaScript y scripts en línea hasta que haya una interacción del usuario, como mover el mouse, tocar la pantalla, desplazarse y otros

  • Optimizar la entrega del CSS: Eliminar CSS No utilizado y Cargar CSS de forma asíncrona
    Carga asíncrona de CSS esta es una opción avanzada que puede no ser adecuada para todos los sitios. Realmente depende de cómo esté construido tu sitio. Al activar esta opción, una herramienta externa visitará cada tipo de página en tu sitio y generará el CSS de la ruta crítica. Esto ayuda al tiempo de carga percibido de tu sitio.
    Eliminar CSS no utilizado esta es otra característica avanzada con un gran impacto. Realmente depende de cómo esté construido tu sitio. Una vez que hayas activado esta opción, la herramienta de WP Rocket comenzará a generar el CSS necesario para representar tu sitio web. El objetivo es reducir el tamaño de las páginas y reducir el trabajo del subproceso principal. Eliminar CSS no utilizado es la opción recomendada sobre la carga asíncrona de CSS.
  • Cargar JavaScript de manera diferida
    Cuando activas la opción "Aplazar JavaScript", asegúrate de que todos los elementos interactivos de tu sitio web, como el carrusel o el menú, sigan funcionando correctamente. Esto es importante porque el aplazamiento de JavaScript evita que bloquee la carga de tu página mientras se está representando.
  • Exclusiones de un clic

¿Has activado una o más opciones para minimizar o combinar archivos o para desbloquear CSS/JS y ahora tu sitio web está destrozado? ¿El diseño se ha roto? ¿Los elementos están fuera de lugar? ¿Los enlaces o formularios no funcionan? Te ayudo a depurarlo siguiendo estos simples pasos:

  1. ¡Desactiva todas las opciones! 
    Sí, en serio. Desmarca todas las opciones en la pestaña de Optimización de Archivos y guarda los cambios.
    Tus páginas seguirán cargando (casi) tan rápido como antes, y tu sitio web volverá a ser tan hermoso como siempre.

    ¡Atención!

    Si el problema NO ha desaparecido en este punto, es causado por algo que no sea la optimización de archivos, y no necesitas seguir este tutorial.

  2. ¿Qué opción exactamente está causando el problema?
    Vuelve a activar tus opciones una por una y revisa tu sitio web en una ventana nueva después de cada paso. Una vez que el problema reaparezca, sabrás exactamente qué opción lo está causando. Ahora puedes mantener esa opción desactivada o seguir solucionando el problema.
    ¿Tu sitio web actualmente muestra una página de "próximamente" a los visitantes?
    Si es así, la optimización de archivos no funcionará. Continúa configurando la Optimización de Archivos una vez que tu sitio web o sitio de pruebas pueda ser visto incluso cuando no estás conectado como usuario de WordPress.

MEDIOS (LazyLoad, dimensiones de la imagen)

  • LazyLoad
    Se recomienda activar LazyLoad ya que ayuda a reducir el impacto negativo del rendimiento en las imágenes, cargándolas solo cuando el usuario se desplaza hacia abajo en la web y realmente necesita verlas
  • Dimensiones de las imágenes
    Cuando un navegador muestra una página web, primero carga el código HTML y espera a que se descarguen las imágenes. Si los valores de ancho y altura están disponibles, el navegador puede utilizar esa información para reservar el espacio necesario para las imágenes en la página.
    Si no se reserva espacio para una imagen, el navegador moverá el contenido para acomodar la imagen una vez que se haya descargado. Este cambio de diseño puede generar una mala experiencia para el usuario.


PRECARGAR (Generar archivos de caché, precargar fonts)

  • Precarga de caché
    La función Preload Cache hace como si alguien visitara tu sitio web para crear archivos de caché. De esta manera, no tienes que esperar a que un visitante real entre a tu sitio para comenzar a servir los archivos de caché, lo que hace que tus páginas carguen rápido desde la primera visita.
    Este proceso de precarga es continuo y se realiza junto con la limpieza de caché. Esto significa que las páginas se precargarán cada vez que borres la caché.

  • Precarga de DNS
    Si tienes contenido de terceros en tu sitio web (como fuentes cargadas desde Google o un video de YouTube), es posible que desees agregar el dominio de origen a la opción de Precarga de DNS.

    Ejemplo

    Para usar la prefabricación de DNS, agrega el host de origen, es decir, el dominio en el que se aloja el archivo, de la siguiente manera:

    1. Elimina el http o https
    2. Mantén las dos barras diagonales

      Por ejemplo, si hay una solicitud como esta:
      https://fonts.googleapis.com/css?family=Roboto:900%2C400%2C500%2C300%7CRaleway:700%2C300%7COpen+Sans:300%2C800
      Lo ingresarías como:
      //fonts.googleapis.com


  • Precargar archivos de fuentes

    La opción Precargar fuentes le permite decirle al navegador que comience a descargar fuentes que, de otro modo, no descubriría hasta mucho más tarde. Esto generalmente se debe a que se hace referencia a la fuente desde un archivo CSS.
    La precarga de fuentes mejorará el tiempo de carga y el rendimiento percibido.

  • Precargar enlaces
    La precarga de enlaces mejorará el tiempo de carga percibido por los usuarios al navegar por tu sitio web. Si un usuario pasa el cursor o toca un enlace durante 100ms o más, el HTML de esa página se descargará en segundo plano.
    De esta manera, cuando el usuario realmente haga clic en el enlace, ¡la página parecerá cargar casi instantáneamente!

REGLAS AVANZADAS (AJUSTA LAS REGLAS DE CACHÉ)

  • Exclusiones de caché basadas en URL, cookies, cadenas de agente de usuario
    Wp-Rocket ya excluye automáticamente las páginas de pago y el carrito en los comercios electrónicos, por lo que si quieres excluir alguna página más, debes incluir la url, una por línea, recuerda también que si quieres, puedes usar comodines (.*) como por ejemplo https://midominio.com/mipagina/(.*) o simplemente /mipagina/(.*) 
  • Purgar siempre estas URL
    La opción "Purgar siempre estas URLs" es una característica que te permite borrar automáticamente la caché de ciertas páginas o secciones de tu sitio web cuando se actualiza una página o publicación en particular. De esta manera, cuando alguien visita esas páginas, verán la versión más reciente y actualizada.
    Por ejemplo, si actualizas una publicación en tu blog, el plugin WP-Rocket automáticamente borrará la caché de esa publicación y cualquier otra página relacionada con ella, como las páginas de categoría. Pero si descubres que algunas secciones de tu sitio no se actualizan correctamente después de que se actualice una publicación (como una página que lista todas las publicaciones del blog), entonces puedes usar la opción "Always Purge URL(s)" para especificar qué páginas quieres que se borren siempre que haya una actualización.
  • Caché para cadenas de consulta en URL
    La caché para los query strings te permite forzar la creación de una caché para uno parámetros GET específicos.

BASE DE DATOS (Optimiza, reduce lo sobrante)

¡Aviso!

!Haz una copia de seguridad de tu base de datos antes de ejecutar una limpieza!

  • Limpieza de Entradas, Comentarios, Opciones temporales y Base de datos
  • Limpieza automática

Programar limpieza automática: utilizará un trabajo cron para ejecutar las opciones de optimización de la base de datos seleccionada, según el intervalo específico elegido.
Las frecuencias de limpieza disponibles son diarias, semanales y mensuales.

CDN (Integrar tu CDN)

  • Integración de su red de entrega de contenido preferida
  • Exclusiones de archivos para CDN

HEARTBEAT (Controla la API Heartbeat de WordPress)

¡Importante!

Tenga en cuenta que deshabilitar completamente la API Heartbeat podría afectar la funcionalidad de los complementos y temas que dependen de ella.

  • Ajustes de control para la API Heartbeat de WordPress
    Al habilitar primero la casilla de verificación Control Heartbeat , puede elegir entre Reducir la actividad , Deshabilitar o No limitar la API Heartbeat. Cuando elijas Reducir actividad , los intervalos se reducirán de un golpe por minuto a un golpe por 2 minutos.

ADD-ON (Añadir más opciones)

  • Varnish
  • WebP Compatibility
  • Cloudflare
  • Sucuri

HERRAMIENTAS (Importar, Exportar, Rollback)

  • Exportar/importar configuraciones de WP Rocket
  • Retroceder a la versión anterior