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 pocas cosas que molesten más a los visitantes del sitio 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 a su Google clasificaciones y tener un impacto en los ingresos finales.

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í te voy a enseñar cómo empezar WP Rocket (y si es un complemento que uso para acelerar mi sitio web).

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

Cómo descargar e instalar WP Rocket
Cómo configurar WP Rocket usando la configuración recomendada
Dónde obtener ayuda y encontrar documentación oficial.

¿Qué es WP Rocket?

WP Rocket es una prima WordPress plugin de almacenamiento en caché que es extremadamente efectivo para acelerar el tiempo de carga de su sitio web.

Planes y precios de WP Rocket:

$ 49 / año - 1 año de soporte y actualizaciones para Sitio web de 1.
$ 99 / año - 1 año de soporte y actualizaciones para sitios web 3.
$ 249 / año - 1 año de soporte y actualizaciones para sitios web ilimitados.

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

1. Descargue e instale WP Rocket

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

Elija el plan que mejor se adapte a sus necesidades 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. Ir e iniciar sesión, y en "mi cuenta" Encontrará el enlace de descarga. Descargue y guarde el archivo zip en su computadora.

A continuación, inicie sesión en su WordPress sitio y dirígete a Complementos -> Agregar nuevo -> Cargar complemento.

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

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

2. Configuración recomendada y recomendada de WP Rocket

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

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

Panel De Control (ficha predeterminada)
Configuración de caché
Configuración de optimización de archivos CSS y JS
Ajustes de medios
Ajustes de precarga
Configuración de reglas avanzadas
Configuración de la base
Ajustes de CDN
Complementos (Cloudflare)
Herramientas

Bonificación: Configurando WP Rocket para HTTP / 2
Bonificación: Usando WP Rocket con KeyCDN
Bonificación: ¿Con qué servidores web son compatibles y funcionan con WP Rocket?
Bonificación: Descargar mi archivo de configuración WP Rocket

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

WP Rocket Dashboard

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 Analítica de cohetes (Permita que WP Rocket recopile datos de forma anónima). Aquí también encontrará enlaces a soporte y preguntas frecuentes sobre WP Rocket.

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

Configuraciones de WP Rocket Cache

1. Habilitar 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 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 manera más segura con ambas opciones habilitadas. En caso de duda, quédese con ambos.

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

3. Vida útil del 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 tener mucha estática contenido, puedes aumentar esto.

Guardar y probar, a fondo! Desactive la configuración si observa algo roto en su sitio web.

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

Minificar archivos reduce el tamaño de los archivos y puede mejorar el tiempo de carga. Minification 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 un archivo 1, ya que los navegadores descargan archivos 6 más pequeños en paralelo más rápido que los archivos grandes 1-2.

La combinación de CSS y JS en menos archivos se considera una buena práctica en HTTP / 1, pero ese no es necesariamente el caso de HTTP / 2. Si su sitio se ejecuta en HTTP / 2, estas son las cosas que debe considerar cuando configurando WP Rocket para HTTP / 2.

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

2. Combinar Google Archivos de fuentes reducirá el número de solicitudes HTTP (especialmente si está utilizando varias fuentes).

3. Eliminar cadenas de consulta Los recursos estáticos pueden mejorar el grado de rendimiento en GT Metrix. Esta configuración elimina la cadena de consulta de la 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. Minimizar archivos CSS eliminará los espacios en blanco y los comentarios para reducir el tamaño de los archivos de hojas de estilo.

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

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

6. Optimizar la entrega de CSS elimina el CSS que bloquea el 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 Google PageSpeed Insights tiene en cuenta la velocidad de la página al "puntuar".

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

Esto se llama el FOUC (flash de contenido sin estilo). Para evitar esto, debes 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 puedes usar esta herramienta de generador de CSS de ruta crítica.

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

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

9. Cargar JavaScript aplazado elimina JS que bloquea el procesamiento en su sitio y puede mejorar el tiempo de carga. Esto es algo Google PageSpeed Insights tiene en cuenta la velocidad de la página al "puntuar".

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

Guardar y probar, a fondo! Desactive la configuración si observa algo roto en su sitio web.

Configuración de WP Rocket Media

1. Imágenes de carga perezosa significa que las imágenes se cargarán solo a medida que ingresan (o están a punto de ingresar) a la ventana gráfica, es decir, solo se cargan cuando el usuario se desplaza por la página. La carga lenta 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, ancla enlaces apuntando a una posición debajo de una imagen cargada perezosa se desplaza a la posición incorrecta de la página web)

2. Fondos y videos de carga perezosa significa que los marcos y los videos se cargarán solo a medida que ingresan (o están por ingresar) en la ventana gráfica, es decir, solo se cargan cuando el usuario se desplaza por la página. La carga lenta reduce la cantidad de solicitudes HTTP que pueden mejorar los tiempos de carga.

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

Lazyload puede desactivarse en páginas / publicaciones individuales (encontrará esta configuración en la barra lateral de publicación / página)

4. Deshabilitar Emoji debe deshabilitarse porque se debe usar el emoji predeterminado del navegador de los visitantes en lugar de cargar emoji desde 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 WordPress Embebidos

Guardar y probar, a fondo! Desactive la configuración si observa algo roto en su sitio web.

Configuraciones de precarga de cohetes WP

1. Mapa del sitio de carga utiliza todas las direcciones URL en su mapa del sitio XML para precargar cuando la vida útil de la memoria caché ha caducado y se ha borrado toda la memoria caché.

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

3. Bot de precarga solo debe activarse y utilizarse en servidores con un 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 la memoria 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. Recoger solicitudes de DNS permite que la resolución de nombres de dominio ocurra en paralelo con (en lugar de en serie con) la obtención del contenido de la página real.

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

Las direcciones URL más comunes para la captura previa son:

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

Guardar y probar, a fondo! Desactive la configuración si observa algo roto en su sitio web.

Configuración de reglas avanzadas de WP Rocket

Configuración de archivos estáticos WP Rocket

Estas configuraciones son para la administración avanzada de caché, generalmente para excluir las páginas de compra y pago en sitios de comercio electrónico.

1. Nunca cachear URL (s) le permite especificar direcciones URL de páginas o publicaciones que nunca deben almacenarse en caché.

2. Nunca cachear las cookies le permite especificar los 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 caché agentes de usuario le permite especificar cadenas de agente de usuario que nunca deben ver páginas en caché.

4. Siempre purgar URL (s) le permite especificar las URL que siempre desea que se eliminen de la caché cada vez que actualice cualquier publicación o página.

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

Guardar y probar, a fondo! Desactive la configuración si observa algo roto en su sitio web.

Configuración de la base de datos WP Rocket

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

1. Limpieza de post elimina revisiones, borradores automáticos y publicaciones y páginas desechadas. Elimínelos a menos que tenga versiones anteriores de publicaciones (o publicaciones eliminadas).

2. Limpieza de comentarios elimina el spam y los comentarios desechados.

3. Limpieza de transitorios elimina los datos almacenados que, como 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 base de datos optimiza tablas en su WordPress base de datos.

5. Limpieza automática. Por lo general, realizo tareas de limpieza de forma ad hoc, pero también puede programar WP Rocket para que realice la limpieza automática de su base de datos.

Idealmente, debería 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 WP Rocket CDN

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 (s) que proporcione.

1. Habilitar CDN. Habilite esto si está utilizando una red de entrega de contenido. WP Rocket es compatible con la mayoría de CDN como Amazon Cloudfront, MaxCDN, KeyCDN (que estoy usando) y otros. Obtenga más información sobre cómo utilizar 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 CDN CNAME. Esto reescribirá todas las URL de sus activos (archivos estáticos).

3. Excluir archivos le permite especificar la (s) URL (s) de los archivos que no deben ser servidos a través de CDN.

Guardar y probar, a fondo! Desactive la configuración si observa algo roto en su sitio web.

WP Rocket Add-Ons (Cloudflare)

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

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

2. Cuenta de email. Esta es la dirección de correo electrónico que utiliza para su cuenta de Cloudflare.

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

4. Modo de desarrollo. Activar temporalmente el modo de desarrollo en su sitio web. Esta configuración se desactivará automáticamente después de las horas 3. Esto es bueno para cuando está realizando muchos cambios en su sitio.

5. Configuraciones optimas. 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 SSL flexible de Cloudflare. Las URL de archivos estáticos (CSS, JS, imágenes) se reescribirán para usar // en lugar de http: // o https: //.

WP Rocket Tools

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

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

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

Configurando WP Rocket para HTTP / 2

HTTP / 2 es una actualización a HTTP que ha existido desde 1999 para administrar la comunicación entre los servidores web y los navegadores. HTTP / 2 allana el camino para cargas de páginas 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 tienen soporte para HTTP / 2, y la mayoría de los hosts web, como SiteGround, ahora soporta HTTP / 2. Esta Comprobador HTTP / 2 le dice si su sitio es capaz de usar HTTP / 2.

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

Concatenar (combinar) todos los archivos CSS y JS en la menor cantidad de archivos posible no es la mejor práctica para HTTP / 2 y WP Rocket te recomienda que no activar concatenacion de archivos existentes pestaña de optimización de archivos.

WP Rocket te recomienda que dejar estas dos casillas sin marcar. Para más información, ver este artículo en WP Rocket.

Cómo usar WP Rocket con KeyCDN

Configurar WP Rocket con KeyCDN es bastante sencillo. Para tu información KeyCDN es la red de entrega de contenido que uso y recomiendo)

Primero crea una zona de tracción en KeyCDN. Luego ve al Pestaña CDN y compruebe el Habilitar red de entrega de contenido .

Ahora, actualice el Reemplace el nombre de host del sitio por: " campo 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, usa un CNAME de su URL de elección (por ejemplo, https://static.websitehostingrating.com)

¿Qué servidores web trabajan con WP Rocket?

WP Rocket es compatible con casi todos anfitriones web. Sin embargo, algunos especialmente manejado WordPress anfitriones, puede que no funcione con WP Rocket. Si su proveedor de alojamiento no figura aquí 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 la página de WP Rocket se desactiva automáticamente para evitar conflictos con el almacenamiento en caché integrado de Kinsta. Kinsta es un 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 SiteGroundAlmacenamiento en caché estático, dinámico y memcached. SiteGround es un socio oficial de WP Rocket.
A2 Hosting: WP Rocket es totalmente compatible con A2 Hosting. Pero debes instalar WordPress en su sitio antes de poder instalar el complemento WP Rocket. A2 Hosting es un socio oficial de WP Rocket.
WebHostFace: WebHostFace admite (y es un socio oficial de) WP Rocket.
Savvii: Savvii admite (y es un socio oficial de) WP Rocket.
FastComet: Ofrece un paquete específicamente optimizado para WordPress y WP Rocket. FastComet es un socio oficial de WP Rocket.
Bluehost Gestionado WordPress jubilación: Bluehost Gestionado WordPress planes La configuración de Varnish rompe la minificación de WP Rocket, por lo que debe apagar Bluehostbarnizo desactiva la minificación de WP Rocket.
Cloudways WordPress Alojamiento Web (Hosting): Al utilizar la minificación de WP Rocket con Varnish de Cloudways, debe crear una regla de exclusión para Varnish en la configuración de la aplicación de Cloudways.
Flywheel: Debe ponerse en contacto con el servicio de asistencia de Flywheel y pedirles que activen WP Rocket.
HostGator Managed WordPress jubilación: WP Rocket no está permitido en HostGator Managed WordPress hosting.
Síntesis: W3 Total Cache viene preinstalado en Synthesis pero puede eliminarse y reemplazarse con WP Rocket.
WebSavers.ca: WebSavers.ca es un socio oficial de WP Rocket.

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

Descargar mi archivo de configuración WP Rocket

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

descarga gratuita wp archivo de configuración de cohetes

Comprar una copia de WP Rocket y luego ir y descargar mi archivo de configuración WP Rocket e importe la configuración exacta que recomiendo y use en este sitio.

3. Ayuda de WP Rocket y documentación oficial

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

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

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

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