Cómo instalar y configurar WP Rocket (con la configuración recomendada)

¿No es frustrante cuando haces clic en un sitio web, esperas y esperas lo que parecen eones y haces clic en el botón Atrás por frustración? La verdad es que hay muy poco que molesta a los visitantes del sitio más que un sitio web de carga lenta y ahí es donde WP Rocket viene en


Un estudio de Forrester Consulting afirma que “El 47% de los consumidores espera que una página web se cargue en dos segundos o menos”.

Lo triste es que muchos propietarios de sitios web no se dan cuenta de que un sitio web de carga lenta no solo frustra a la gente, sino que también puede afectar negativamente su clasificación de Google y tener un impacto en los ingresos netos.!

Lo bueno es que hay formas de acelerar el tiempo de carga de un sitio web, especialmente si el sitio web funciona con WordPress. Porque aquí voy a guiarte a través de cómo comenzar con WP Rocket (y sí, es un complemento que uso para acelerar mi sitio web).

cómo instalar y configurar wp rocket con la configuración recomendada

Esto es lo que aprenderá en esta publicación:

¿Qué es WP Rocket??

WP Rocket es un complemento premium de almacenamiento en caché de WordPress que es extremadamente efectivo para acelerar el tiempo de carga de su sitio web.

Complemento de almacenamiento en caché de cohetes WP

Planes y precios de WP Rocket:

  • $ 49 / año – 1 año de soporte y actualizaciones para 1 sitio web.
  • $ 99 / año – 1 año de soporte y actualizaciones para 3 sitios web.
  • $ 249 / año – 1 año de soporte y actualizaciones para sitios web ilimitados.

A diferencia de la mayoría de los otros complementos de almacenamiento en caché de WordPress que son conocidos por estar repletos de opciones y configuraciones confusas. Obtenga más información sobre WP Rocket y descubra cuáles son algunas de las mejores alternativas gratuitas a WP Rocket.

1. Descargar & Instalar WP Rocket

Primero, dirígete a la Sitio web de WP Rocket y compra el complemento de WordPress.

Elija el plan que mejor funcione para usted y complete los pasos necesarios para realizar su pedido.

A continuación, se le enviará un correo electrónico con información de inicio de sesión a su cuenta en wp-rocket.me. Vaya e inicie sesión, y en “mi cuenta” encontrará el enlace de descarga. Descargue y guarde el archivo zip en su computadora.

descargar wp rocket

A continuación, inicie sesión en su sitio de WordPress y diríjase a Plugins:> Añadir nuevo -> Subir complemento.

Simplemente cargue e instale la versión del archivo zip de WP Rocket.

instalar wp rocket

Finalmente, vaya y active WP Rocket y el complemento ya está instalado. Hurra!

2. WP Rocket Best & Configuraciones recomendadas

Ahora es el momento de configurar WP Rocket según la configuración recomendada.

Primero ve a Configuración -> WP Rocket, y será llevado a la página de configuración del complemento. Hay 10 pestañas o secciones que necesitará para configurar y ajustar la configuración para:

  1. (ficha predeterminada)
  • Prima:
  • Prima:
  • Prima:
  • Prima:

Ahora veamos cómo configurar los ajustes recomendados para WP Rocket, para cada una de las 10 secciones.

Panel de control de cohetes WP

tablero de cohete wp

El Tablero le brinda información sobre su licencia y cuándo caduca. También puede optar por ser un Probador de cohetes (programa de prueba beta) y Rocket Analytics (permitir que WP Rocket recopile datos de forma anónima). Aquí también encontrará enlaces a soporte y preguntas frecuentes sobre WP Rocket.

En el Tablero puedes Eliminar todos los archivos en caché (recomendado cuando haya terminado de configurar los ajustes de WP Rocket), Iniciar precarga de caché (genera un caché para su página de inicio y todos los enlaces internos en la página de inicio) y Purga OPcache Contenido (purga el OPcahce que evita problemas al actualizar el complemento WP Rocket).

Configuración de caché de cohetes WP

configuración de caché de cohete wp

1. Habilite el almacenamiento en caché para dispositivos móviles debe activarse ya que permite el almacenamiento en caché para dispositivos móviles y hace que su sitio web sea más amigable para dispositivos móviles.

También seleccione Archivos de caché separados para dispositivos móviles. Porque el almacenamiento en caché móvil de WP Rocket funciona de forma más segura con ambas opciones habilitadas. En caso de duda, mantenga ambos.

2. Habilite el almacenamiento en caché para usuarios registrados de WordPress, solo se recomienda que se active cuando tiene un sitio de membresía o similar cuando los usuarios deben iniciar sesión para ver el contenido.

3. Vida útil de la caché se establece automáticamente en 10 horas y esto significa que los archivos en caché se eliminan automáticamente después de 10 horas antes de volver a crearlos. Si rara vez actualiza su sitio o tiene mucho contenido estático, puede aumentar esto.

¡Ahorre y pruebe a fondo! Desactive la configuración si nota algo roto en su sitio web.

WP Rocket CSS & Configuración de optimización de archivos JS

Configuración de optimización de archivos WP Rocket CSS y JS

Archivos minificadores reduce los tamaños de archivo y puede mejorar el tiempo de carga. La minificación elimina espacios y comentarios de archivos estáticos, permite a los navegadores y motores de búsqueda procesar más rápidamente archivos HTML, CSS y JavaScript.

Combinando archivos concatenará los archivos en grupos más pequeños para garantizar la compatibilidad del tema / complemento y un mejor rendimiento. Sin embargo, no se recomienda forzar la concatenación en solo 1 archivo, ya que los navegadores descargan más rápidamente hasta 6 archivos más pequeños en paralelo que 1-2 archivos grandes.

Combinar CSS y JS en menos archivos se considera una práctica recomendada en HTTP / 1, ese no es necesariamente el caso con HTTP / 2. Si su sitio se ejecuta en HTTP / 2, estas son las cosas que debe considerar cuando .

1. Minificar archivos HTML eliminará espacios en blanco y comentarios para reducir el tamaño de las páginas web de su sitio.

2. Combina archivos de Google Fonts reducirá la cantidad de solicitudes HTTP (especialmente si está utilizando múltiples fuentes).

3. Eliminar cadenas de consulta de recursos estáticos puede mejorar la calificación de rendimiento en GT Metrix. Esta configuración elimina la cadena de consulta de versión de los archivos estáticos (por ejemplo, style.css? Ver = 1.0) y la codifica en el nombre del archivo (por ejemplo, style-1-0.css).

4. Minificar archivos CSS eliminará espacios en blanco y comentarios para reducir el tamaño de los archivos de hoja de estilo.

5. Combina archivos CSS combina todos sus archivos en un solo archivo, lo que reducirá la cantidad de solicitudes HTTP. No recomendado si su sitio usa HTTP / 2.

Importante: ¡Esto podría romper las cosas! Si observa algún error en su sitio web después de haber activado esta configuración, desactívela nuevamente y su sitio volverá a la normalidad..

6. Optimizar la entrega de CSS elimina el CSS de bloqueo de renderizado en su sitio web para un tiempo de carga percibido más rápido. Esto significa que su página comenzará a cargarse sin estilos CSS y esto es algo que Google PageSpeed ​​Insights tiene en cuenta al ‘anotar ‘la velocidad de la página.

La ruta crítica CSS significa que su página comenzará a cargarse sin todos sus estilos CSS. Eso significa que podría parecer un poco extraño por unos momentos mientras se carga.

Esto se llama FOUC (destello de contenido sin estilo). Para evitar esto, debe usar lo que se llama CSS de ruta crítica. Esto significa que el CSS para el contenido en la parte superior de su página debe colocarse directamente en el HTML para evitar el FOUC mientras se carga la página.

Para generar la ruta crítica CSS, puede usar esta herramienta de generador de ruta crítica CSS.

7. Minificar archivos JavaScript eliminar espacios en blanco y comentarios para reducir el tamaño de los archivos JS.

8. Combina archivos JavaScript combine la información JavaScripts de su sitio con menos archivos, reduciendo las solicitudes HTTP. No recomendado si su sitio usa HTTP / 2.

Importante: ¡Esto podría romper las cosas! Si observa algún error en su sitio web después de haber activado esta configuración, desactívela nuevamente y su sitio volverá a la normalidad..

9. Carga JavaScript diferido elimina JS que bloquea el procesamiento en su sitio y puede mejorar el tiempo de carga. Esto es algo que Google PageSpeed ​​Insights tiene en cuenta al ‘anotar ‘la velocidad de la página.

10. Modo seguro para JQuery garantiza el soporte para referencias jQuery en línea de temas y complementos al cargar jQuery en la parte superior del documento como un script de bloqueo de renderizado.

¡Ahorre y pruebe a fondo! Desactive la configuración si nota algo roto en su sitio web.

Configuración de WP Rocket Media

configuración de medios de cohete wp

1. Imágenes de carga diferida significa que las imágenes se cargarán solo cuando ingresen (o estén a punto de ingresar) a la ventana gráfica, es decir, solo se cargarán cuando el usuario se desplace hacia abajo en la página. La carga diferida reduce la cantidad de solicitudes HTTP que pueden mejorar los tiempos de carga.

(A veces desactivo la carga diferida de imágenes, solo porque cuando la carga diferida está habilitada, los enlaces de anclaje que apuntan a una posición debajo de una imagen con carga diferida se desplazan a la posición incorrecta de la página web)

2. Iframes y videos de carga diferida significa que los iframes y los videos se cargarán solo cuando ingresen (o estén a punto de ingresar) a la ventana gráfica, es decir, solo se cargarán cuando el usuario se desplace hacia abajo en la página. La carga diferida reduce la cantidad de solicitudes HTTP que pueden mejorar los tiempos de carga.

3. Reemplace el iframe de YouTube con una imagen de vista previa puede mejorar significativamente tu tiempo de carga si tienes muchos videos de YouTube en una página.

Lazyload se puede desactivar en páginas / publicaciones individuales (esta configuración se encuentra en la barra lateral de publicaciones / páginas)

4. Desactivar Emoji debe deshabilitarse porque se debe usar el emoji predeterminado del navegador de los visitantes en lugar de cargar emoji de WordPress.org. Deshabilitar el almacenamiento en caché de emojis reduce la cantidad de solicitudes HTTP que pueden mejorar los tiempos de carga.

6. WordPress incrusta debe deshabilitarse porque evita que otros incrusten contenido de su sitio, también le impide incrustar contenido de otros sitios y elimina las solicitudes de JavaScript relacionadas con las incrustaciones de WordPress.

¡Ahorre y pruebe a fondo! Desactive la configuración si nota algo roto en su sitio web.

Configuración de precarga de cohetes WP

configuración de precarga de cohete wp

1. Precarga del mapa del sitio usa todas las URL en su mapa del sitio XML para precargar cuando la vida útil de la caché ha expirado y se ha borrado toda la caché.

2. Yoast SEO mapa del sitio XML. WP Rocket detectará automáticamente los mapas de sitio XML generados por el complemento Yoast SEO. Puedes marcar la opción para precargarlo.

3. Precargar bot solo debe activarse y utilizarse en servidores con buen rendimiento. Una vez activado, se activa automáticamente después de agregar o actualizar contenido en su sitio web. Cambie a Manual si esto está causando un alto uso de CPU o problemas de rendimiento.

Cuando escribe o actualiza una nueva publicación o página, WP Rocket borra automáticamente el caché para ese contenido específico y cualquier otro contenido relacionado con él. El bot de precarga rastreará estas URL para regenerar el caché inmediatamente.

4. Obtener previamente las solicitudes DNS permite que la resolución de nombres de dominio ocurra en paralelo con (en lugar de en serie) la obtención del contenido real de la página.

Puede especificar hosts externos (como //fonts.googleapis.com & //maxcdn.bootstrapcdn.com) para capturar previamente, ya que la captura previa de DNS puede hacer que los archivos externos se carguen más rápido, especialmente en redes móviles.

Las URL más comunes para buscar previamente son:

  • //maxcdn.bootstrapcdn.com
  • //platform.twitter.com
  • //s3.amazonaws.com
  • //ajax.googleapis.com
  • //cdnjs.cloudflare.com
  • //netdna.bootstrapcdn.com
  • //fonts.googleapis.com
  • //connect.facebook.net
  • //www.google-analytics.com
  • //www.googletagmanager.com
  • //maps.google.com

¡Ahorre y pruebe a fondo! Desactive la configuración si nota algo roto en su sitio web.

Configuración de reglas avanzadas de WP Rocket

Configuración de archivos estáticos de WP Rocket

Esta configuración es para la administración avanzada de caché, generalmente para excluir las páginas de carrito y pago en sitios de comercio electrónico.

1. Nunca guarde en caché las URL le permite especificar URL de páginas o publicaciones que nunca deben almacenarse en caché.

2. Nunca almacene cookies le permite especificar las ID de las cookies que, cuando se configuran en el navegador del visitante, deben evitar que una página se almacene en caché.

3. Nunca almacene en caché los agentes de usuario le permite especificar cadenas de agente de usuario que nunca deberían ver páginas en caché.

4. Siempre purgue URL (s) le permite especificar las URL que siempre desea eliminar de la memoria caché cada vez que actualiza una publicación o página.

5. Cadenas de consulta de caché le permite especificar cadenas de consulta para el almacenamiento en caché.

¡Ahorre y pruebe a fondo! Desactive la configuración si nota algo roto en su sitio web.

Configuración de la base de datos WP Rocket

Configuración de la base de datos WP Rocket

Esta sección viene con una variedad de configuraciones para limpiar y optimizar WordPress.

1. Post limpieza elimina revisiones, borradores automáticos y publicaciones y páginas basura. Elimínelos a menos que tenga versiones antiguas de publicaciones (o publicaciones eliminadas).

2. Limpieza de comentarios elimina spam y comentarios basura.

3. Limpieza de transitorios elimina los datos almacenados que les gustan los recuentos sociales, pero a veces, cuando los transitorios caducan, permanecen en la base de datos y se pueden eliminar de forma segura.

4. Limpieza de la base de datos optimiza tablas en su base de datos de WordPress.

5. Limpieza automática. Usualmente hago limpiezas ad hoc, pero también puedes programar WP Rocket para ejecutar limpiezas automáticas de tu base de datos.

Idealmente, debe hacer una copia de seguridad de su base de datos antes de ejecutar una limpieza, porque una vez que se ha realizado la optimización de la base de datos, no hay forma de deshacerla.

Configuración de CDN de WP Rocket

Configuración de CDN de WP Rocket

El uso de una red de entrega de contenido (CDN) significa que todas las URL de los archivos estáticos (CSS, JS, imágenes) se reescribirán en los CNAME que proporcione.

1. Habilitar CDN. Habilítelo si está utilizando una red de entrega de contenido. WP Rocket es compatible con la mayoría de los CDN como Amazon Cloudfront, MaxCDN, KeyCDN (que estoy usando) y otros. Obtenga más información sobre cómo usar WP Rocket con un CDN

2. CDN CNAME (s). Copie el CNAME (dominio) que le proporcionó su proveedor de CDN e ingréselo en el CNAME de CDN. Esto reescribirá todas las URL de sus activos (archivos estáticos).

3. Excluir archivos le permite especificar URL (s) de archivos que no deberían ser servidos a través de CDN.

¡Ahorre y pruebe a fondo! Desactive la configuración si nota algo roto en su sitio web.

Complementos WP Rocket (Cloudflare)

Complementos WP Rocket (Cloudflare)

WP Rocket le permite integrar su cuenta de Cloudflare con su función de complemento.

1. Clave global de API. Encontrará la clave API en la esquina superior derecha de su cuenta de Cloudflare. Simplemente vaya a su perfil y desplácese hacia abajo y verá su clave API global. Solo tienes que copiar y pegar esto en WP Rocket.

2. Correo electrónico de la cuenta. Esta es la dirección de correo electrónico que usa para su cuenta de Cloudflare.

3. Dominio. Este es su nombre de dominio, p. websitehostingrating.com.

4. Modo de desarrollo. Activa temporalmente el modo de desarrollo en tu sitio web. Esta configuración se apagará automáticamente después de 3 horas. Esto es bueno para cuando realiza muchos cambios en su sitio.

5. Configuración óptima. Mejora automáticamente su configuración de Cloudflare para velocidad, grado de rendimiento y compatibilidad. Esta opción activa la configuración óptima de Cloudflare.

6. Protocolo relativo. Solo debe usarse con la función flexible de SSL de Cloudflare. Las URL de los archivos estáticos (CSS, JS, imágenes) se reescribirán para usar // en lugar de http: // o https: //.

WP Rocket Tools

WP Rocket Tools

1. Configuración de exportación le permite exportar su configuración de WP Rocket para usar en otro sitio.

2. Importar configuraciones le permite importar sus configuraciones de WP Rocket preconfiguradas.

3. Rollback le permite volver a una versión anterior, si una nueva versión de WP Rocket le causa algún problema.

Configuración de WP Rocket para HTTP / 2

HTTP / 2 es una actualización de HTTP que existe desde 1999 para administrar la comunicación entre servidores web y navegadores. HTTP / 2 allana el camino para cargas de página más rápidas a través de una mejor compresión de datos, multiplexación de solicitudes y otras mejoras de velocidad.

Muchos servidores y navegadores son compatibles con HTTP / 2, y la mayoría de los servidores web, como SiteGround, ahora son compatibles con HTTP / 2. Este verificador HTTP / 2 le dice si su sitio es capaz de usar HTTP / 2.

Si su sitio es capaz de usar HTTP / 2, así es cómo puede configurar WP Rocket para él..

Concatenando (combinando) todos los archivos CSS y JS en la menor cantidad posible de archivos no es la mejor práctica para HTTP / 2 y WP Rocket te recomienda no activar la concatenación de archivos en el .

Configuración de WP Rocket para HTTP / 2

WP Rocket recomienda que usted deje estas dos cajas sin marcar. Para obtener más información, consulte este artículo sobre WP Rocket.

Cómo usar WP Rocket con KeyCDN

Configurar WP Rocket con KeyCDN es bastante sencillo. (FYI KeyCDN es la red de entrega de contenido que uso y recomiendo)

Primero cree una zona de extracción en KeyCDN. Luego vaya al y marque la opción Habilitar red de entrega de contenido.

cómo configurar wp rocket con keycdn

Ahora, actualice el campo Reemplazar nombre de host del sitio con: “con la URL que obtiene del panel de KeyCDN (en Zonas > URL de zona para la zona de extracción que creó. La URL se verá similar a algo como: lorem-1c6b.kxcdn.com)

Alternativamente, y la opción recomendada, use un CNAME de su URL de elección (por ejemplo https://static.websitehostingrating.com)

Qué servidores web funcionan con WP Rocket?

WP Rocket es compatible con casi todos los servidores web. Sin embargo, algunos, especialmente los hosts de WordPress administrados, pueden no funcionar con WP Rocket. Si su proveedor de alojamiento no figura en la lista a continuación, esto no significa que no sea compatible con WP Rocket. La mejor manera de estar 100% seguro es contactar a su proveedor de alojamiento web y preguntar.

  • Kinsta: Kinsta solo es compatible con WP Rocket versión 3.0 y superior. El almacenamiento en caché de páginas de WP Rocket se deshabilita automáticamente para evitar conflictos con el almacenamiento en caché integrado de Kinsta. Kinsta es socio oficial de WP Rocket.
  • WP Engine: WP Rocket es el único complemento de almacenamiento en caché que está permitido en WP Engine. WP Engine es un socio oficial de WP Rocket.
  • SiteGround: WP Rocket es compatible con el almacenamiento en caché estático, dinámico y memcached de SiteGround. SiteGround es socio oficial de WP Rocket.
  • Alojamiento A2: WP Rocket es totalmente compatible con A2 Hosting. Pero debe instalar WordPress en su sitio antes de poder instalar el complemento WP Rocket. A2 Hosting es socio oficial de WP Rocket.
  • WebHostFace: WebHostFace admite (y es un socio oficial de) WP Rocket.
  • Savvii: Savvii admite (y es socio oficial de) WP Rocket.
  • FastComet: Ofrece un paquete específicamente optimizado para WordPress y WP Rocket. FastComet es socio oficial de WP Rocket.
  • Planes de WordPress administrados por Bluehost: Bluehost Managed WordPress planifica la configuración del barniz que rompe la minificación de WP Rocket, por lo que debe desactivar el barniz de Bluehost o desactivar la minificación de WP Rocket.
  • Alojamiento de WordPress en Cloudways: Al usar la minificación de WP Rocket con el barniz de Cloudways, debe crear una regla de exclusión para Varnish en la configuración de la aplicación Cloudways.
  • Volante: Debe ponerse en contacto con el soporte de Flywheel y pedirles que activen WP Rocket.
  • Planes de WordPress administrados por HostGator: WP Rocket no está permitido en el alojamiento de WordPress administrado por HostGator.
  • Síntesis: W3 Total Cache viene preinstalado en Synthesis pero se puede eliminar y reemplazar con WP Rocket.
  • WebSavers.ca: WebSavers.ca es socio oficial de WP Rocket.

Lea más sobre el host web compatible con WP Rocket en https://docs.wp-rocket.me/article/670-hosting-compatibility.

Descargar mi archivo de configuración de WP Rocket

He hecho que sea muy fácil agregar la misma configuración de WP Rocket que uso aquí en mi sitio. Simplemente descargue este archivo de configuración de WP Rocket y luego impórtelo en la sección Herramientas del administrador de WP Rocket.

archivo de configuración de wp rocket de descarga gratuita

Compre una copia de WP Rocket y luego vaya y descargue mi archivo de configuración de WP Rocket e importe la configuración exacta que recomiendo y use en este sitio.

3. Ayuda de WP Rocket & Documentación oficial

Si por una razón u otra tiene problemas con WP Rocket, hay mucha información útil disponible en el sitio web de WP Rocket. Recuerde que también obtiene 1 año de soporte con su compra.

ayuda de cohete wp

Aquí hay una lista de los tutoriales de WP Rocket que me parecieron los más útiles:

  • Empezando
  • Compatibilidad de alojamiento
  • Cómo verificar si WP Rocket está almacenando en caché tus páginas
  • SSL con WP Rocket
  • WP Rocket con un CDN
  • WP Rocket con Cloudflare
  • Resolver 500 error interno del servidor
  • Resolviendo Problemas con Minificación
  • Configuración NGINX para WP Rocket

¿Cuál es su experiencia con el uso del plugin de almacenamiento en caché de WP Rocket para WordPress? ¿He omitido alguna información crucial? Me encantaría saberlo en los comentarios a continuación.!

Si encuentra útil este tutorial de configuración de WP Rocket, siempre se agradece compartirlo en redes sociales.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map