Las mejores configuraciones de WP Rocket para acelerar su sitio de WordPress - Aprendermarketing.es/

WP Rocket es uno de los mejores complementos de optimización y almacenamiento en caché disponibles para WordPress. Solo está disponible como versión premium y, sin duda, mejorará la velocidad de su sitio al siguiente nivel. Sin embargo, debe configurar el complemento con la configuración adecuada para mejorar la velocidad de carga de la página. Si compró el complemento o planea comprarlo, aquí están las configuraciones optimizadas para que WP Rocket acelere su sitio. He estado usando este complemento durante más de 4 años, como puede ver en los detalles de la factura a continuación, y funciona bien en el alojamiento de SiteGround Cloud. Por lo tanto, la configuración que se explica aquí se basa en mi experiencia y se actualizó para la última versión de WP Rocket.

Configuración de WP Rocket

Después de instalar y activar el complemento, vaya a la sección "Configuración > WP Rocket" para ver todas las opciones de optimización de velocidad disponibles. Las páginas de configuración del complemento contienen tres columnas:

• La barra lateral izquierda que contiene varias pestañas para navegar y configurar los ajustes del complemento.
• Sección central que contiene opciones detalladas para cada sección.
• La barra lateral derecha muestra acciones rápidas o tutoriales.

Si siente que el área está sobrecargada, vaya a cualquiera de las secciones en la barra lateral izquierda y desactive la opción "Mostrar barra lateral" que aparece en la parte superior de la sección central. Antes de explicar cada sección, aquí está el resumen de WP Rocket ajustes.

Configuración de WP Rocket	Característica
Panel	Muestra la licencia y otros enlaces rápidos.
Memoria caché	Caché móvil y de usuario.
Optimización de archivos	Minimice y combine CSS y JS, elimine el CSS no utilizado o genere CSS crítico y difiera/reduzca la velocidad de JS.
Medios de comunicación	Lazy loading de imágenes y videos.
Precarga	Precarga de fuentes, caché, enlaces y búsqueda previa de DNS.
Reglas avanzadas	Agregar excepciones de caché.
Base de datos	Elimine revisiones, autoguardado, comentarios de spam y programe la limpieza de la base de datos.
CDN	Activar RocketCDN (complemento premium adicional)
latido del corazón	Controlar la configuración de la API Heartbeat
Suplementos	Complementos gratuitos para Varnish, detección WebP, Cloudflare y Sucuri.
Optimización de imagen	Necesita el complemento Imagify.
Herramientas	Configuración de importación/exportación, reversión y optimización de fuentes de Google
Lecciones	Enlaces rápidos a tutoriales en vídeo
Caja meta	Habilitar o deshabilitar funciones a nivel de página

Recuerde que no necesita habilitar todas las opciones y no olvide probar su sitio después de configurar el complemento.

1. Tablero: obtenga ayuda, información de la cuenta

La sección del panel contiene información sobre el vencimiento de la licencia y enlaces rápidos para realizar varias acciones. También encontrará una oferta de descuento de renovación en la parte superior de esta sección cuando caduque su licencia.

La barra lateral derecha debajo de la pestaña "Panel de control" tiene muchos enlaces útiles para borrar el caché, comenzar a precargar y eliminar CSS no utilizado. Si ha deshabilitado la barra lateral derecha, puede acceder a todas estas opciones desde la barra de menú superior.

En cuanto a la configuración, puede desactivar la opción "Rocket Analytics" en la sección "Mi estado". Esto lo ayudará a optar por no enviar datos anónimos de su sitio al desarrollador de WP Rocket. Las preguntas frecuentes, los enlaces para comenzar y las guías están disponibles para obtener respuestas rápidas a sus preguntas. Si no encuentra respuestas, haga clic en el botón "Ayuda" para buscar y encontrar más artículos.

2. Caché: opciones básicas de caché

Su configuración real comienza aquí. Los cambios que realice se aplicarán a su sitio después de presionar el botón "Guardar cambios". Recuerde que WP Rocket habilitará automáticamente el almacenamiento en caché a nivel de página, habilitará la compresión y servirá páginas HTML estáticas, y no hay opciones para deshabilitar el sitio Almacenamiento en caché a nivel de página en todo el ancho Puede excluir en función de las reglas, como se explica en la Sección 6, y excluir páginas, como se explica en la Sección 14.

• efectivo móvil – marque la casilla contra la opción "Habilitar almacenamiento en caché para dispositivos móviles" para almacenar en caché las páginas móviles de su sitio. Deje la opción "Separar archivos de caché para dispositivos móviles" sin marcar. Como se menciona claramente allí, no necesita un almacenamiento en caché separado para dispositivos móviles, al usar temas responsivos. Sin embargo, debe habilitar esta opción cuando use un tema móvil dedicado con complementos como Jetpack. Además, los temas populares como Periódico ofrecen un tema móvil separado. Por lo tanto, debe habilitar una opción de almacenamiento en caché móvil separada en WP Rocket si ha habilitado esto en la configuración de su tema.

Nota: Móvil en WP Rocket muestra teléfonos inteligentes. Si desea que el complemento trate a las tabletas como dispositivos móviles y sirva páginas móviles en caché, debe instalar un complemento auxiliar desde GitHubDe lo contrario, WP Rocket no almacenará en caché las páginas de la tableta y los visitantes de la tableta verán las páginas no almacenadas en caché.

• Caché de usuario – el caché de usuario le permite servir páginas almacenadas en caché a usuarios registrados. Esto es útil cuando tiene sitios web basados ​​en suscripción y muchos usuarios inician sesión y ven su contenido. De lo contrario, no habilite esta opción.

Nota: La memoria caché móvil y la memoria caché de usuario separadas son las dos primeras configuraciones que debe deshabilitar cuando tenga un conflicto con otros complementos de almacenamiento en caché.

• Caché de vida – WP Rocket eliminará automáticamente todos los archivos almacenados en caché después del tiempo que menciona en la vida útil del caché. Hay una buena razón técnica detrás de esta configuración para eliminar automáticamente el caché. WordPress usa nonces que es una clave generada automáticamente dentro del código HTML para validar ciertas acciones. Esta clave nonce es válida durante 12 horas y se volverá a generar antes de las 24 horas. Para evitar ver una página con un nonce vencido, debe borrar el caché. WP Rocket tiene por defecto 10 horas como tiempo de vida de la memoria caché. Sin embargo, esto será demasiado corto para muchos sitios, ya que el complemento borrará todo el caché y comenzará a precargar páginas cada 10 horas. Por lo que te recomendamos aumentar el tiempo a 24 horas o incluso días si no publicas/modificas contenido con frecuencia. Si ves algún problema, cambia esta configuración a menos de 10 horas para que no haya problemas con los nonces.

3. Optimización de archivos: optimización de CSS y JS

Tenga cuidado al habilitar la configuración en la sección "Optimizar archivos". Esto puede estropear el diseño de su sitio, especialmente cuando usa un tema basado en jQuery. Esta sección tiene dos partes: una para archivos CSS y otra para archivos JavaScript.

archivos CSS

• Minimizar archivos CSS – Habilitar esta opción lo ayudará a eliminar espacios y comentarios innecesarios de CSS y reducir el tamaño de la página.
• Combinar archivos CSS – esto solo está habilitado cuando habilita la opción minificar CSS y deshabilitado cuando usa la opción eliminar CSS no utilizado. Hoy en día, todos los servidores de alojamiento admiten HTTP/2 y funcionan bien con solicitudes HTTP paralelas. Por lo tanto, puede deshabilitar esta opción y usar Eliminar CSS no utilizado.
• Optimizar la entrega de CSS – Tiene dos opciones aquí: cargue CSS de forma asincrónica para generar una ruta crítica de CSS para cada tipo de publicación en su sitio o elimine el CSS no utilizado. Puede habilitar solo una opción y lo ayudará a superar los problemas de bloqueo de representación de CSS en Google PageSpeed ​​y otras herramientas de medición de velocidad. Para obtener los mejores resultados de Google PageSpeed, puede utilizar la eliminación de CSS no utilizado en su sitio. Si bien esto puede romper algunos elementos, puede acelerarlo al cargar solo CSS usado en la página.

Anteriormente, WP Rocket usaba grandes tablas de bases de datos para almacenar el CSS utilizado, que ahora se ha cambiado a almacenamiento en caché basado en archivos. Asegúrese de monitorear su carpeta de caché para evitar el conteo de archivos o el límite de directorio establecido por su proveedor de alojamiento.

Archivos JavaScript

Esta sección tiene configuraciones similares a las de la sección Archivos CSS.

• Minificar archivos JavaScript – habilite esta opción para eliminar contenido innecesario de todos sus archivos JS.
• Combinar archivos JavaScript – no habilite esta opción ya que la mayoría de los servidores admiten el protocolo HTTP/2.
• La carga de JavaScript se ha retrasado - habilite esto para eliminar los problemas de secuencias de comandos de bloqueo de procesamiento en Google PageSpeed ​​​​​​​​​​​​​​​​​​Insight. Esto moverá los archivos JS a la sección de pie de página o agregará un atributo "aplazado" en el código fuente para evitar bloquear las descargas de contenido.
• Retrasar la ejecución de JavaScript: habilite esta opción para retrasar todos los archivos JS hasta la interacción del usuario. Puede usar esto cuando use scripts de terceros, como AdSense y Analytics. Si bien esto lo ayudará a obtener 100/100 en PageSpeed, afectará sus ganancias de AdSense.

Después de guardar los cambios, pruebe su sitio en diferentes navegadores para confirmar que se carga correctamente. Si ve funciones como tablas y gráficos de datos personalizados que no funcionan, asegúrese de agregar la lista de modo seguro para jQuery en la opción de retraso de JS. Alternativamente, puede desactivar los archivos CSS o JavaScript que sospecha que están dañando el sitio.

4. Medios: carga diferida

En esta pestaña Medios, puede optimizar la configuración de las imágenes y otros archivos multimedia, como los videos de YouTube.

• LazyLoad: habilite la carga diferida para imágenes, iframes y videos y reemplace los iframes de YouTube con opciones de vista previa de imágenes. La carga diferida lo ayudará a dejar de cargar imágenes fuera de la pantalla visible del navegador y las cargará cuando el usuario se desplace más cerca de las imágenes. Asegúrese de probar si funciona correctamente en su sitio. Si encuentra algún problema de carga diferida con WP Rocket, pruebe otros complementos como Jetpack o WP Smush.
• Dimensiones de imagen: habilite la opción "Agregar dimensiones de imagen que faltan" para agregar automáticamente atributos de alto y ancho para las imágenes. Esto ayudará a reducir los problemas de desplazamiento de diseño acumulativos y mejorar su puntaje de Google PageSpeed. Insights.

Anteriormente, WP Rocket ofrecía opciones para deshabilitar el emoji y el script incrustado en esta sección. Sin embargo, estas opciones se han eliminado del complemento y ya no están disponibles.

5. Precarga: genera archivos de caché, precarga fuentes

La precarga es la función de rastreo y almacenamiento en caché de páginas después de borrar el caché. El punto de partida para precargar contenido es su Sitemap XML y el complemento rastreará todos los enlaces en cada URL.

• Habilitar precarga – habilite la opción "Habilitar precarga" y WP Rocket detectará automáticamente un mapa del sitio XML generado con complementos de SEO populares como Yoast SEO. Puede excluir direcciones URL en el cuadro de texto si es necesario.
• Precargar enlaces – Habilitar "Precarga de enlace" permitirá que WP Rocket obtenga contenido vinculado cuando el usuario se desplaza sobre un enlace durante 100 milisegundos o más.
• Precargar consultas de DNS – prefetch permite que el complemento obtenga dominios de terceros para reducir el tiempo de conexión Ingrese las URL de fuentes de Google o las URL de videos de YouTube en el cuadro de texto de precarga.
• Precarga de fuentes - Las solicitudes de precarga clave son uno de los problemas que verá en Google PageSpeed ​​​​​​​​​​​cuando use fuentes CSS personalizadas. Puede copiar y pegar las URL de fuentes relevantes de su sitio en el cuadro de texto para eliminar el problema y mejorar la velocidad.

Nota: Asegúrese de proporcionar el formato de URL correcto en los cuadros de texto. Por ejemplo, WP Rocket no necesita la parte HTTP para precargar, mientras que necesita ingresar una URL relativa (ignorando el dominio) para precargar fuentes desde su sitio.

6. Reglas avanzadas: ajuste fino de las reglas de caché

Las políticas avanzadas lo ayudan a mantener páginas, cookies y agentes de usuario para que el complemento nunca los almacene en caché. WP Rocket nunca almacenará automáticamente en caché el carrito de WooCommerce, el pago y las páginas de mi cuenta. Por lo tanto, en la mayoría de los casos, no necesita ingresar nada en esta página y dejar la configuración tal como está.

• Nunca cachear URL(s) – ingrese las URL de las páginas que nunca desea que el complemento almacene en caché. Un buen ejemplo es si cambió su URL de inicio de sesión de WordPress usando complementos de seguridad, ingrese la nueva URL de inicio de sesión en el cuadro de texto.
• Nunca cachear cookies – algunos usuarios necesitan cookies para cambiar o validar dinámicamente el contenido. Por ejemplo, si tiene un sistema de inicio de sesión basado en cookies, ingrese la ID de la cookie para ignorarla del almacenamiento en caché.
• Nunca almacenar en caché los agentes de usuario – WP Rocket completará automáticamente todos los agentes de usuario en las tabletas. Como se mencionó anteriormente, el complemento no almacenará en caché las páginas de las tabletas que usan esta configuración. Si ha habilitado la tableta como dispositivo móvil mediante un complemento de ayuda independiente, debe eliminar todos los agentes de usuario de la tableta. Además, puede admitir cualquier otro agente de usuario que desee que sirva páginas no almacenadas en caché.
• Borrar siempre URL(s) - Proporcione URLs en el cuadro de texto para borrar el caché cada vez que publique o actualice contenido. Recuerda que WP Rocket hará esto automáticamente para la página de inicio.
• Caché de cadenas de consulta: obliga a WP Rocket a almacenar en caché las URL con cadenas de consulta.

7. Base de datos - Optimización, reducción de la hinchazón

WP Rocket le permite limpiar revisiones, borradores automáticos, publicaciones movidas, comentarios de spam, comentarios movidos, transiciones caducadas y todas las transiciones. Tiene la opción de optimizar las tablas de la base de datos y programar la limpieza de la base de datos a intervalos periódicos. Recomendamos que el programa también establezca una limpieza manual después de hacer una copia de seguridad de la base de datos. Dado que WP Rocket no ofrece una opción para hacer una copia de seguridad de su base de datos, debe usar otros complementos o descargar la base de datos de su cuenta de alojamiento manualmente. Además, la acción de limpieza es irreversible, por lo que no debe configurar programaciones automáticas sin tener una copia de seguridad para restaurar.

8. CDN: integre su CDN

Si compró una suscripción a RocketCDN (que usa StackPath), habilite la opción de red de entrega de contenido aquí. Puede agregar CNAME separados para imágenes, secuencias de comandos y CSS, o usar un CNAME para todos los archivos. El complemento también le permite excluir archivos del servicio a través de un CDN.

Tenga en cuenta que no se requieren CNAME si usa un CDN como Cloudflare o Sucuri. WP Rocket también ofrece complementos adicionales para estas dos redes. Si está en SiteGround, consulte nuestro artículo sobre si WP Rocket funcionará con el complemento SG Optimizer de SiteGround

9. Heartbeat: controle la API Heartbeat de WordPress

La API Heartbeat en WordPress le permite recibir actualizaciones en tiempo real, como la actividad de ventas en su tablero. Si no lo necesita, deshabilite la API Heartbeat en esta sección.

Seleccione la opción 'Control Heartbeat' y luego 'Deshabilitar' para Backend, Post Editor e Interfaz.

10. Complementos: agregue más funciones

WP Rocket ofrece los siguientes complementos.

• barniz – Si está utilizando el almacenamiento en caché de Varnish en un servidor, habilite esta opción. Si no está seguro de si su servidor usa Varnish, confirme con su proveedor de alojamiento antes de habilitar esta opción.
• Compatibilidad WebP – si tiene un complemento separado para generar imágenes WebP, habilite su almacenamiento en caché en WP Rocket usando esta opción.

• Llamarada de la nube – habilite este complemento si usa Cloudflare CDN. Debe conectarse a su cuenta de Cloudflare proporcionando una clave de API global. Esto ayuda a sincronizar configuraciones como minify y clear cache.
• Sukuri – habilite si usa el almacenamiento en caché de Sucuri en su sitio. Este complemento también necesita una clave API y ayuda a borrar automáticamente el caché de Sucuri, sincronizando el caché de WP Rocket.

11. Optimización de imágenes: comprima sus imágenes

WP Rocket ofrece otro complemento llamado Imagify para optimizar sus imágenes. Sin embargo, este es un complemento con funciones limitadas que debe actualizar para obtener todas las funciones. Imagify le permite comprimir 25 MB de tamaño para una cuenta gratuita por mes y necesita una cuota de actualización premium para obtener 。 Si tiene un sitio más pequeño, instale el complemento Imagify y siga la configuración en la página de configuración de este complemento.

Como cliente premium de WP Rocket, siento que esto es una venta adicional innecesaria y no debería ser parte de la página de configuración (como WP Rocket CDN). Simplemente puede ignorar esta página de configuración y usar otros complementos como WP Smush o SG Optimizer para el usuario de SiteGround.

12. Herramientas: importar, exportar, revertir

La pestaña Herramientas tiene varias opciones útiles:

• Configuración de exportación – haga clic en el botón Descargar configuración para descargar la configuración completa del complemento como un archivo JSON.
• Importar ajustes – utilice el archivo JSON descargado para importar la configuración con un solo clic.
• Volver – Si algo sale mal después de actualizar el complemento a una versión más nueva, puede volver a la versión anterior haciendo clic en el botón "Reinstalar versión xxxx".
• Habilitar la optimización de fuentes de Google – esta es una configuración única para optimizar Google Fonts. Cuando tiene varias familias y pesos de fuentes de Google, la optimización lo ayudará a combinar solicitudes y reducir el bucle de red. El botón desaparecerá tan pronto como haga clic en él.
• Actualizar la lista de inclusión y exclusión – esto se actualizará automáticamente una vez a la semana para compatibilidad con otros complementos. Sin embargo, puede actualizar la lista manualmente haciendo clic en este botón.

Importar y exportar son útiles si desea usar el complemento en otro sitio y cargar la configuración rápidamente. Además, siempre puede guardar una descarga de la configuración de la versión de trabajo actual. En caso de un problema al cambiar la configuración, puede simplemente importar la configuración en lugar de devolver el complemento.

Tenga en cuenta que WP Rocket se ejecutará en su sitio local con la misma clave de licencia. Por lo tanto, puede importar/exportar configuraciones desde un sitio en vivo a localhost para probar su sitio.

13. Lecciones

En esta sección puede encontrar varios videos tutoriales útiles. Puede ver estos videos como una ventana emergente en su panel de administración sin salir del sitio web. Alternativamente, haga clic en el enlace "Más información" que se muestra junto a la configuración para obtener documentación de ayuda.

14. Configuración de nivel de página

WP Rocket agregará un cuadro meta en el editor (tanto Gutenberg como Classic) que puede usar para cambiar la configuración de nivel de página. Por ejemplo, puede deshabilitar la carga diferida o eliminar una opción de CSS no utilizada para una sola publicación mientras esta configuración está habilitada en el sitio. Esto también es útil para excluir la página del almacenamiento en caché cuando el diseño de la página se rompe debido a retrasos de JS o combinación de archivos CSS. .

Si omite el cuadro meta, asegúrese de habilitar "Opciones de WP Rocket" desde "Opciones de pantalla" en el editor clásico y la sección "Opciones> Preferencias> Paneles" en Gutenberg.

conclusión

WP Rocket ofrece muchas configuraciones para optimizar su sitio de WordPress. Debe tener cuidado al habilitar las configuraciones necesarias para aprovechar al máximo el complemento. Espero que la explicación anterior le sea útil para configurar el complemento. También puede consultar la revisión completa del complemento WP Rocket antes de tomar una decisión de compra.