Analiza gratis tu web WordPress con SpeedWP.

Tutorial WP Rocket, el plugin de caché que hará volar tu web WordPress

Tutorial WP Rocket

En este tutorial te voy a explicar como instalar y configurar WP Rocket en WordPress, uno de los mejores plugins de caché.

Si quieres optimizar WordPress y no complicarte la vida, te lo recomiendo.

Reconozco que soy algo pesado con el tema de la optimización de WordPress.

Pero es que viendo como está el panorama, que la mayoría de visitas vienen de dispositivos móviles.

Que los usuarios no tenemos espera cuando una web carga lenta.

Y que la velocidad de la web es un factor de SEO que nos afecta seriamente.

Tener una web bien optimizada es imprescindible a día de hoy.

Te recomiendo medir la velocidad de tu web a medida que hagas los cambios con SpeedWP, mi test velocidad gratuito para WordPress.

WP Rocket, el mejor plugin de caché para mí a día de hoy

WP Rocket es un maravilloso plugin premium de caché que llevo usando en mi web desde 2016 y que además instalo de forma gratuita a mis clientes cuando les optimizo la web.

Tiene un coste de 49$ al año, pero que es un precio ínfimo para lo que ofrece.

Para ponerte al día, primero empecé usando WP Super Caché, después el sistema de caché que tiene Siteground y que no es moco de pavo, y ahora este.

El motivo de estos cambios, es básicamente porque no me puedo estar quieto y que también me gusta ir probando todo lo nuevo para darte mi punto de vista.

Te lo voy a resumir en una frase.

Este plugin consigue un nivel de optimización, que para conseguirlo de otro modo, necesitas instalar varios plugins, más varias optimizaciones manuales que no son sencillas para alguien con pocos conocimientos.

Y ojo, no importa si tienes una web, blog o tienda WooCommerce.

Aquí tienes los tiempos de carga de mi web usándolo.

Tiempos de carga Ragose

¿Por qué WP Rocket y no otro plugin de caché/optimización?

Uno de los motivos que me llevó a cambiar es porque es muy sencillo de usar.

No tengo miedo a paneles de ajustes complejos, pero sí quiero herramientas que sean sencillas de usar para mis clientes, pero que además sean potentes.

Influye que su panel de control esté totalmente en español, para quien se le resista el inglés.

Como te comentaba antes, también porque integra las funciones de varios plugins juntos.

Desde las funciones de un plugin de caché de hacer copias de las páginas para entregarlas mucho más rápido.

Pasando por la carga de imágenes solo cuando la imagen se muestra o lo que se llama lazy Load.

Más varios ajustes añadidos al archivo .htaccess para mejorar considerablemente la velocidad, hasta la optimización directa de la base de datos.

Osea un todo en uno.

También debes de saber que tiene una documentación increíble y en español.

Pero yo he decido hacer un tutorial indicando mi punto de vista, problemas que he tenido y recomendaciones a la hora de usarlo.

Si comparamos WP Rocket VS WP Super Caché, debes de saber que este último es solo eso, un plugin de caché que crea copias estáticas de la web.

Le faltan todas las funciones que vas a ver en este tutorial.

Pero además, si lo comparamos solo en la función de caché, en WP Rocket no necesitarás hacer ajustes especiales para que trabaje bien con WooCommerce.

W3 Total Caché es un plugin de caché super conocido y que mucha gente usa, al ser totalmente gratuito.

Aunque es muy completo, yo hace años que lo descarté por varios motivos.

El primero y más grave es el uso de recursos, muy superior a WP Rocket y después porque veo que le faltan algunas funciones y además que el panel de control es algo lioso.

Te recomiendo ver mi comparativa de WP Rocket VS W3 Total Caché.

Quien prueba Rocket, no vuelve a W3.

WP Rocket VS W3 Total Caché

WP Rocket VS Swift Performance

Swift Performance prometía ser un gran plugin de caché/optimización y lo probé durante unos meses y termine muy decepcionado por los continuos errores que tenía.

WP Rocket es un plugin muy estable y que hace muy bien las cosas.

Comparando con LiteSpeed

LiteSpeed es una gran tecnología, pero tiene un fallo y es que tu hosting debe tenerla, cosa que no tienen la mayoría.

Además, el mero hecho de tenerla, no hará tu web 100% optimizada, puesto que hay muchas más tareas que hacer.

Te recomiendo leer mi guía comparativa de WP Rocket VS LiteSpeed

WP Rocket VS Autoptimize

Autoptimize es un plugin muy conocido para optimizar los scripts JS y CSS y aunque lo he usado mucho, no me gusta.

Además de que WP Rocket ya dispone de muchas de estas funciones y con mejores opciones, Autoptimize crea demasiados scripts y además he comprobado que se sirven más lentos de lo que debería.

Y obviamente es otro plugin más a tener instalado.

WP Rocket VS Autoptimize

WP Rocket VS Google AMP

Google AMP o Accelerated Mobile Pages, es una tecnología de Google para hacer que los sitios web carguen más rápido.

Mucho clientes y lectores me preguntan si necesitan WP Rocket u otro plugin de caché con Google AMP.

La respuesta es sí, porque las páginas AMP son versiones diferentes que se cargan desde los servidores de Google, pero tú sigues teniendo usuarios que visitan las páginas normales.

Además, ya puestos, te digo que no me gusta, puesto que AMP aumenta considerablemente la tasa de rebote y da al usuario un diseño completamente diferente de tu web.

Yo ya no lo uso en ninguno de mis sitios web y te recomiendo saber las diferencias entre web rápida VS Google AMP.

WP Rocket y WooCommerce

Debes saber que WP Rocket es totalmente compatible con WooCommerce.

Lo que quiero decir es que nada más instalarlo y trabajar con él, no tendrás que hacer ninguna configuración.

Hace que tanto el carrito, la página de pago y la de mi cuenta no se cacheen, cosa muy importante para no servir copias cacheadas de unos usuarios a otros.

¿Te gustaría servir el carrito lleno de uno usuario a otro? Pues eso.

WP Rocker y WooCommerce

Opiniones de WP Rocket

Pero si todavía tienes dudas, te dejo las opiniones de otros usuarios que usan WP Rocket de una encuesta que hice en Twitter.

Javier Gualix de microsofters.com:

"El plugin para olvidarte de todo y crecer enormemente en rendimiento. Minimificación de HTML, CSS y JavaScript todo en uno, aprovecha las conexiones HTTP/2 y se integra a la perfección con Cloudflare. El único "pero" es el soporte para WebP". Enlace al tuit.

Danyel Perales de tutorialwp.online:

"Yo la verdad que no puedo estar más contento con WP Rocket. Estuve probando Swift Performance y terminó siendo un desastre así que a día de hoy, lo uso en la mayoría de mis sitios.
Es muy fácil y rápido de configurar y consigues buenos resultados sin optimizar todo correctamente". Enlace al tuit.

Ruiz Prieto Asesores:

"Desde que lo utilizo para mi web, ha disminuido 3 segundos de carga, lo que ha hecho que disminuya la tasa de rebote y obtenga unas 200 visitas diarias más. Además muy intuitivo de usar". Enlace al tuit.

David Ayala de soywebmaster.com:

"Cuando pruebo plugins de caché y cosas con las que quiero reducir tiempo de carga, me gusta siempre medir el antes y el después de cada cosa que voy configurando y fue probar WP Rocket y dejar de usar W3 Total Cache (que también me gustaba en su día)". Enlace al tuit.

Álvaro Fontela de raiolanetworks.es

"Para mi WP Rocket es la ostia en cuanto a facilidad de configuración y efectividad para el 99% de los WordPress. Aunque para sitios mucho mas grandes donde hay que usar Memcached o Redis, W3 Total Cache es más apto". Además, la gente de WP Rocket es un encanto!!! Enlace al tuit.

Santiago Alonso de salonsoweb.es

"Relación inversión-tiempo-resultados, creo que no hay ningún rival. Además, siguen actualizando con funcionalidades y muchas opciones de “meter mano” y personalizar aún más". Enlace al tuit.

Raúl Jiménez de rauljimenez.es

"Yo lo uso en rauljimenez.es. Sencillo, funcional y sin problemas. No se si en WP Rocket son un encanto como dice Álvaro Fontela, porque no los he necesitado para nada, súper fácil todo". Enlace al tuit.

Jose P Raya de nexovirtual.net

"Empecé trabajando con WP Fastest Cache, pero hace un par de años decidí probar WP Rocket y los resultados fueron mejores. Ahora lo implementó en todas las webs de mis clientes. Todos muy contentos con los resultados obtenidos". Enlace al tuit.

José Peña de tuwebdecero.com

"WP Rocket es para mí el mejor plugin de caché hoy día. La opciones de configuración sencillas hacen que ya mejore la velocidad con sus opciones de marcado. Si juegas con las opciones de precarga y reglas avanzadas, las posibilidades de mejora son brutales". Enlace al tuit.

Comprar WP Rocket

Para empezar a usar WP Rocket debemos ir a su web y contratarlo desde el botón "Cómpralo Ya" que hay en la parte de arriba a la derecha.

Nos mandará directamente a su apartado de planes, en el que escogeremos en el más nos interese.

Para 1 solo sitio, para 3 sitios o para sitios ilimitados.

Precios WP Rocket

Recuerda que para seguir teniendo actualizaciones y soporte después del primer año, hay que seguir renovando la licencia anualmente.

Después nos mandará a la típica pantalla de pago para rellenar nuestro datos, elegir el método de pago Paypal o tarjeta.

Lamentablemente y de momento que yo sepa, no hay cupones de descuento u ofertas similares.

Una vez hecha la compra, podremos entrar en el panel de control y descargar nuestra copia desde el enlace de color naranja que nos ofrecen.

Aquí también podremos gestionar las keys de licencias de los sitios que tengamos activadas y desactivarlas en caso de que lo necesitemos para liberarlas.

Mis sitios

Instalar y configurar WP Rocket

Después nos vamos a nuestro WordPress al apartado plugins - añadir nuevo y le damos a subir.

Lo instalamos, activamos y otra ventaja de este plugin es que la key de licencia se activa de forma automática.

Ya nos deberá aparecer la opción en el menú ajustes llamada WP Rocket.

Escritorio

En el escritorio de WP Rocket podremos ver algunas opciones como herramientas, además de acceder a preguntas frecuentes y soporte.

Escritorio WP Rocket

Están las opciones de:

  • Rocket tester: para que tu sitio forme parte del programa tester y probar nuevas versiones. Pero ojo, que no son estables y pueden tener fallos.
  • Analíticas Rocket: básicamente les das permisos para que analicen qué pasa en tu web para que los ayude a mejorar.

Después tienes algunas herramientas:

  • Vaciar la caché: para que la regenere de nuevo. Ojo, si necesitas vaciar la caché de una URL, puedes hacerlo desde la barra de herramientas de WordPress, una vez que estés en esa URL.
  • Precargar la caché: para que se cargue toda del tirón.
  • Purgar OpCache: que es una caché que tienen algunos hostings.
  • Generar la ruta crítica del CSS: para que genere el CSS que la web carga antes.

Como puedes ver, son cosas sencillas.

Más abajo hay algunas preguntas frecuentes y puedes acceder directamente al soporte.

Un apartado para poder contactar con soporte sin tener que salir de tu sitio web.

Pones un titulo de resumen, la descripción de tu problema, lo envías y listo.

¿Qué más se le puede pedir no?

Caché

En el apartado de caché podremos gestionar esta función.

Cachear la web es muy importante si queremos evitar errores 500 y caídas del servidor, en caso de falta de recursos.

WP Rocket panel caché

Caché móvil

La caché móvil sirve para separar la caché de los dispositivos móviles de la del escritorio.

Es interesante si usas un tema móvil específico.

O si usas plugins que crean una vista móvil diferente como WP Touch, el tema móvil de Jetpack o algún otro.

Hay temas que tienen CSS y JS específicos y hace que la velocidad mejore mucho.

También puedes guardar separadamente los archivos para dispositivos móviles, lo que mejora mucho esta función.

Caché usuario

Es para que se active la caché para usuarios logueados y lo recomiendo.

Un error que suele cometer la gente es que revisa la web estando logueado y de este modo no ves los errores que hay.

De este modo te enteras de todo y además la web será más rápida para ti.

Si usas plugins builder como Elementor que es el que uso yo, te lo recomiendo para comprobar que todo está ok.

Vida útil de la caché

Básicamente indicas cada cuanto tiempo quieres que se vacíe la caché.

Esto obviamente depende de cada cuanto actualices tus contenidos.

Optimizar archivos

En el apartado de optimizar archivos podremos configurar algunas opciones interesantes para mejorar la carga de archivos CSS y JS o JavaScript.

Aunque lo ideal es usar temas y plugins que no usen tantos.

Lo bueno de esto es que mejora sustancialmente la velocidad y el ranking en herramientas como Pagespeed.

Lo malo es que hay plantillas o plugins que pueden dejar de funcionar con esta función.

Mi recomendación es que vayas activando una por una y probando que tu sitio se ve correctamente.

Ojo: Entra desde una ventana de incógnito, dado que si entras desde ahí mismo, WP Rocket no cachea las páginas a usuarios registrados.

Minificar el HTML

La función de minificación del HTML reduce el tamaño del código HTML eliminando cosas que no sirven como comentarios, espacios y otros.

Combinar los archivos de Google Font

Casi todas las webs usan las fuentes de Google, pero estas hacen muchas peticiones.

Con esto combinas las Google Fonts y reduces el número de peticiones.

Suprimir los query string de los recursos estáticos

Los query strings son básicamente un control de versiones de los archivos estáticos.

El problema de eso es que esa comprobación ralentiza mucho la web y esto elimina las versiones.

Minificar HTML, combinar Google Fonts y suprimir query string

Minificar archivos CSS

Los archivos CSS u hojas de estilo son muy pesados y suelen ralentizar mucho la web.

Lo ideal sería usar buenos plugins que no metan muchas peticiones, pero con esto lo puedes mejorar mucho.

Esto elimina lo que no es necesario como comentarios, espacios y otros, haciendo que estos archivos carguen más rápido.

Combinar archivos CSS

Al combinarlos, los archivos CSS harán menos peticiones.

Osea que si tienes por ejemplo 10 archivos CSS, todos se unirán en uno solo.

Excluir archivos CSS

En el caso de que falle algo en la web, hay que excluir los archivos que fallen.

Lo excluyes y puedes seguir usando esa función que mejora mucho la velocidad de tu web.

Optimizar la entrega de CSS

Básicamente crea un archivo CSS con el código que se carga primero de la web, para que esta cargue más rápido.

Minificar, combinar, excluir y optimizar la entrega de archivos CSS

Minificar archivos JavaScript

Los archivos se minificarán, osea que se eliminarán todos los espacios en blanco, comentarios y otros códigos que solo hacen que esos scripts pesen más.

Combinar los archivos JavaScript

Los combina en uno para que se hagan menos peticiones al servidor, lo que acelera mucho.

JavaScript integrado excluido

Si tenemos JavaScript integrado en el HTML, con esto podemos hacer que se excluya de la optimización.

Excluir archivos JavaScript

En el caso de que nos deje de funcionar algo, revisamos y excluimos los archivos.

Carga archivos JavaScript de manera diferida

Con esto los archivos no bloquean la carga de la web, con lo que será más rápida.

Modo seguro para JQuery

Esto hace que JQuery no falle, pero hará que la web cargue algo más lenta.

Minificar, combinar, excluir y carga diferida de archivos JavaScript

Medios

En medios podremos optimizar todo lo que tenga que ver con imágenes y contenido similar.

LazyLoad

La función de Lazy Load o carga perezosa hace que las imágenes, iframes y vídeos no se carguen hasta que el usuario llegue hasta donde están y se tengan que mostrar en pantalla.

Esto reduce considerablemente el número de peticiones.

Es una buena herramienta para acelerar una página web y que hasta el momento se necesitaba un plugin aparte, aunque con este ya no lo necesitamos.

Yo recomiendo activarlo para las imágenes y comprobar inmediatamente que nos gusta el funcionamiento y no entorpece la navegación.

He tenido clientes que no les ha gustado.

Respecto a los iframes y vídeos, también he notado algunos problemas en algunos sitios.

Así que revisa bien el funcionamiento de tu web después de activarlos.

Emoji

WordPress hace una petición al archivo emoji que a veces es algo lenta y desde aquí la desactivamos.

Eso sí, ya dejarán de funcionar.

Contenido incrustado

Con el contenido incrustado evitamos que otros sitios usen contenido nuestro, cosa que ralentiza nuestro servidor.

Pero además también evita que en WordPress se pueda incrustar cierto contenido.

Medios, Lazy Load, emoji y contenido incrustado

Precargar

La función de precarga hace que la caché se cree antes de que el usuario visite una URL, como suele ser lo normal.

Con esta función activamos para que la precarga se haga de forma automática.

Además, WP Rocket la puede crear usando el sitemap de varios plugins como pueden ser Yoast SEO, All-in-one-one, Rank Math SEO o The SEO Framework, si lo activas.

Ten cuidado porque esto aumenta el consumo de CPU del servidor.

Precarga de peticiones DNS

También puede hacer una precarga de las peticiones DNS.

Es básicamente que si tu web llama por ejemplo a un mapa de Google Maps, se carga previamente el DNS para que se haga más rápida la petición.

Esto sirve para Google Maps, Google Font, Google Fonts, Fonts Awesome o cualquier archivo externo.

Solo tienes que insertar el dominio y subdominio sin http para que funcione.

Precargar la cache y peticiones DNS

Reglas avanzadas

En las reglas avanzadas podremos configurar varios parámetros interesantes para cuando nos surgen problemas.

Nunca poner en caché estos URLs

Para cuando no queremos que ciertas URLs se carguen en caché.

Por cierto, WP Rocket ya es compatible con muchos plugins de ecommerce como WooCommerce y Easy Digital Downloads y nunca cachea ninguna de sus páginas como carrito, pago, checkout, etc.

Piensa que si se cacheasen, a algunos usuarios se les mostraría páginas de otros usuarios como el carrito de compra o la página de cuenta.

Este es de los pocos plugins que te ahorran hacer la tarea de agregar las páginas de la tienda manualmente.

Nunca poner en caché estos Cookies

A veces puede ser interesante que algunas cookies se carguen en caché y para ello está esta función.

Nunca poner en caché estos agentes de usuario

Puedes evitar que se cacheen diferentes agentes de usuario, como por ejemplo ciertos navegadores que puede que te den problemas.

Un caso es por si no quieres enviar a la caché páginas que se vean mal, por ejemplo en el navegador de iPhone.

Para ello usas el user agent que es el navegador con el que se entra en la web.

Agregas el user agent Apple-iPhone de esa versión de iPhone y listo.

Purgar siempre estos URLs

También puede ser interesante que se purgue la caché de algunas páginas o entradas.

Poner en caché estos query strings

Si hay query string que no estén en caché, con esta función puedes agregarlos.

Nunca poner en caché estas URLs, cookies, agentes de usuario, query string

Base de datos

Desde este apartado puedes optimizar la base de datos de WordPress, sin necesidad de entrar al hosting, ni instalando otros plugin para este tarea como el caso de WP Optimize.

Yo personalmente recomiendo hacer una limpieza más efectiva desde el hosting, pero esto la mejora mucho.

Revisiones

Con esto podemos eliminar las revisiones que va creando WordPress cada vez que actualizamos un contenido.

Cosa muy importante porque no veas las que se crean cada vez que editas una entrada.

Por cierto, yo tengo desactivadas las revisiones en el wp-config.

Borradores automáticos

Los borradores automáticos se crean cuando estamos actualizando contenido y con esto podemos eliminarlos.

Entradas descartadas

Esta función elimina las entradas descartadas de nuestra base de datos.

Comentarios spam

Puedes programar para que se eliminen automáticamente los comentarios spam, pero personalmente te recomiendo revisarlos de vez en cuando.

Ten cuidado con borrar comentarios buenos que han caído en spam por mala suerte.

Comentarios descartados

También se podrán eliminar comentarios que estén descartados.

Trasients espirados

Los trasients son una especie de caché de datos temporales que crea WordPress de las llamadas a la base de datos.

Hace que las peticiones a la base de datos se hagan más rápidamente y así WordPress accede más rápidamente a los datos.

Osea que cuando se realiza cierta llamada, se almacena como trasient para volverla a usar posteriormente.

Lamentablemente tener muchos también la puede ralentizar, así que esta función elimina los que ya no sirven.

Como tienen fecha de caducidad, desde aquí podemos borrar los que ya no sirven.

Todos los trasients

También puedes eliminar todos los trasients, pero esto hará que las peticiones sean algo más lentas.

Tablas optimizadas

Una vez que hemos limpiado la base de datos, hay que optimizar las tablas.

Esto se hace mediante una función en la base de datos que por explicarlo de algún modo, ordena y mejora la velocidad de la misma.

Esto hace que vaya más rápida y además pese menos.

Si eres de los que no se maneja con bases de datos o phpMyAdmin, esto te va a venir genial.

Con un solo clic optimizaremos la base de datos para que las consultas se hagan mucho más rápido.

Programar limpieza automática

Podemos programar para que esta limpieza se haga cada cierto tiempo de forma automática a diario, semanal o mensualmente.

¿Qué más le vas a pedir?

Optimizar base de datos, revisiones, borradores, comentarios spam, trasients y optimizar las tablas

CDN

Con WP Rocket podemos configurar un CDN o Content Delivery Network en nuestro WordPress.

Un CDN es un sistema de servidores que copia nuestros contenidos estáticos como imágenes, vídeos, scripts CSS y JS por el mundo.

Entonces si un usuario entra en nuestra web desde Estados Unidos, esos archivos se les sirve desde el servidor más cercano.

Desde aquí puedes activar esta función y configurar el CDN que más te convenga.

Entre los más conocidos tienes Amazon CloudFront, StackPath (antiguo MaxCDN), KeyCDN, Akamai y algunos más.

También podemos usar nuestra web como CDN.

Si creamos en nuestro hosting un subdominio que se llame por ejemplo cdn.miweb.com, multiplicará la velocidad de nuestra web.

Unos archivos se descargan de nuestro dominio principal y otros desde el subdominio cdn.

Eso hace que la web cargue más rápido, al hacerse la descarga simultánea.

Podemos crear tantos CDNs como queramos: cdn1, cdn1, cdn3, etc.

Este mismo truco lo usaba con WP Super Caché.

Excluir archivos del CDN

Si ves que hay problemas o simplemente no quieres que algunos archivos se carguen desde él, desde aquí puedes excuirlos.

Configurar CDN y excluir archivos

HearBeat

El HeartBeat o latido de WordPress es una función que hace que WordPress esté activo constantemente comprobando ciertas cosas.

Un ejemplo de ello es cuando estás redactando y el están guardando los cambios de forma automática.

Desde aquí puedes activar el control del HeartBeat.

Reduce o desactiva la actividad de Heartbeat

Una vez que está activado, debemos elegir donde queremos desactivarlo y donde limitarlo.

Obviamente esto ya depende de las necesidades de cada proyecto.

Controlar HeartBeat y limitar actividad

Add-on

WP Rocket dispone de varios addons que mejora mucho la velocidad y te recomiendo usarlos.

Google Tracking

Con Google Tracking podemos hacer que el script de Google Analytics se guarde localmente, lo que ahorra una petición externa.

Al ser local, se guardará en la caché de los navegadores, lo que también mejora la velocidad.

FaceBook píxel

El píxel de FaceBook es otro que normalmente suele ser bastante lento y esta función también o guardará de forma local, con sus respectivas ventajas.

Varnish

Hay hostings que aparte de que tú uses algún sistema de caché, ellos implementan los suyos propios como es el caso de Varnish.

Lamentablemente la mayoría de las veces no tienen un plugin como en el caso de Siteground que sí nos ofrece la posibilidad de gestionar su sistema de caché.

Con esto lo que nos puede pasar es que estés haciendo algún cambio en tu web y veas que el cambio no se realiza por mucho que limpies tu caché del navegador o la del plugin.

Con este método por lo menos podremos subsanar ese problema si nuestro hosting usa este sistema de caché.

Si tu hosting no lo tiene, ni le hagas caso.

Lo malo de tener 2 cachés es que aunque vacíes la del plugin, la del hosting se sigue manteniendo intacta.

Así que con este addon y con un solo clic, vaciamos las dos.

Cloudflare

Si usas ClouFlare este complemente te vendrá de perlas, dado que podrás controlar algunas funciones sin tener que acceder a su panel de control.

Desde activar el modo desarrollo para ver en tiempo real los cambios que haces, activar unos ajustes óptimos que mejora la velocidad de la web y activar el protocolo relativo, en el que en los recursos estáticos se eliminan los protocolos http: y hppts:.

Sucuri

Si usas Sucuri para proteger tu web, con esta unción podrás vaciar su caché sin salir de WordPress.

Addons Google Analytics píxel FaceBook Varnish CloudFlare Sucuri

Herramientas

También dispone de varias herramientas interesantes para los que trabajamos a diario con él.

Exportar ajustes

Puedes exportar los ajustes para tenerlos guardados o si sueles usar la misma configuración en varios sitios web.

Importar ajustes

Desde la función importar ajustes puedes importarlos y que el plugin se configure con un clic.

Rollback

La herramienta de Rollback es de las más interesantes, puesto que te permite volver a una versión anterior del plugin si tienes problemas con la actualización.

Herramientas

El archivo .htaccess de WP Rocket

Nada más activarlo, el plugin ya nos configura correctamente nuestro archivo .htaccess con unos parámetros que aceleran nuestra web de forma automática.

Activa la compresión GZIP, soluciona el Leverage browser caching si tu hosting lo tiene activo, activa Keep-Alive si lo tiene el hosting y otros.

Osea que sin haber hecho, ni configurado nada, tu web ya va a cagar más rápido.

Esta captura es solo una pequeña parte de todos los ajustes y mejoras que agrega el plugin.

Archivo htaccess de WP Rocket

Changelog

El Changelog de WP Rocket, al igual que otros, es un historial de cambios del plugin.

Aunque cuando lo actualices verás las novedades, no viene mal echarle un ojo de vez en cuando para ver todo lo que agregan, quitan y problemas que solucionan.

Errores comunes el usar WP Rocket

Te voy a dar las soluciones a unos errores comunes usando WP Rocket.

Pantalla en blanco

Si usando WP Rocket recibes una pantalla en blanco, suele ser por falta de memoria.

Te recomiendo tener un hosting con como mínimo 256MB de RAM como Siteground y añade lo siguiente al archivo wp-config-php.

define ('WP_MEMORY_LIMIT', '256M');

Error 500

Si recibes un error 500 y la memoria es suficiente, posiblemente tengas un CPU limitado para ciertas funciones.

Te recomiendo desactivar la precarga de caché y buscar un hosting que sea de mejor calidad.

Diseño roto

Debes saber que no todo se puede activar en un plugin de caché, puesto que hay temas y plugins no compatibles con todo y pueden romper el diseño.

Ve probando a desactivar funciones como la combinación de scripts y comprueba que la web se ve perfectamente.

Lazy Load no funciona

Debes saber que hay temas y plugins que no son compatibles con Lazy Load.

Así que por mucho que busques, no tendrás la forma de que te funcione, a no ser que detectes que plugin inserta esa imagen y lo sustituyas.

Termino

Espero que este tutorial de WP Rocket te haya servido y ahora puede que te hagas algunas preguntas.

¿Me basta con instalar este plugin para mejorar la velocidad de mi WordPress? La respuesta es SI.

¿Con esto ya tengo mi web totalmente optimizada? La respuesta es NO.

Aparte instalar un sistema de caché, hay que hacer muchas más optimizaciones en una instalación de WordPress.

Primero porque cada instalación de WordPress, según los plugins instalados, necesita una configuración deferente.

Y segundo, porque aparte de la caché, se deben hacer muchas más mejoras a nivel de scripts, imágenes, servidor, bases de datos y otros.

También te aviso de que en esta guía hay enlaces de afiliación que me darán una pequeña comisión si lo contratas, la cual de agradezco.

Para ti el precio será el mismo, pero a mi me ayudará a continuar actualizando esta guía para que la tengas siempre al día.

Y tú ¿usas WP Rocket? ¿Tienes alguna duda sobre él? ¿Quieres aportar algo?

Espero tu comentario.

Analiza gratis tu web WordPress con SpeedWP.

42 comentarios en “Tutorial WP Rocket, el plugin de caché que hará volar tu web WordPress”

  1. Karl

    Hola, me interesa este plugin, lo mas seguro es que lo compre siguiendo tu enlace de af. ya que ofreces un buen tutorial.
    Quiero comprar el pack para sitios ilimitados, me gustaría saber si el precio es anual o un solo pago de por vida.

    1. Raúl González

      Karl, el plugin de paga anualmente, puesto que no paran de mejorarlo y vale la pena. Te agradezco que lo hagas. Un saludo.

  2. Juan Antonio

    Hola Raúl,

    Muy bueno el artículo. Llevo tiempo usando WP Rocket pero tengo un problema. El contenido de mi web se mantiene demasiado en caché del usuario y al entrar sigue viendo contenido antiguo, debe refrescar para que la página principal (la que más cambia) muestre el nuevo contenido.

    ¿Sabes cómo puedo resolverlo?

    1. Raúl González

      Hola Juan Antonio.

      En tu caso deberías de ajustar la caché de WP Rocket según la frecuencia en la que actualizas tus contenidos. También te recomiendo activar el robot de precarga, puesto que este sí que la crea cuando los contenidos se actualizan, al contrario que la precarga por sitemap.

      Espero que te ayude.

  3. Enrique Ruiz Prieto

    Lo acabo de probar en mi sitio web y la verdad que ha mejorado notablemente la velocidad. De 2 seg en Pingdom, ahora carga en 1,34 segundos.
    Y en PageSpeed también ha mejorado en PC que de 87 ha pasado a 99 en la puntuación. Pero en móvil ahora no obtiene métricas. ¿Puede ser porque tengo AMP?

    1. Raúl González

      Enrique, eso puede deberse a muchos factores. WP Rocket no afecta a páginas AMP.

      1. Arturo

        ¿Me pueden explicar un poco más acerca de AMP o se necesita ser muy técnico para entenderlo?

        1. Raúl González

          Arturo, hice un post sobre AMP en la web de Hormigas en la Nube. Prefiero una web rápida que AMP. Saludos.

  4. lety

    Hola que buen articulo Raul una pregunta estas configuraciones sirven para tiendas virtuales.

    1. Raúl González

      Sí claro.

  5. Juan

    Hola,
    Es interesante el artículo la verdad. Yo tengo una web de fotografía por lo tanto tengo archivos que pesan, uso medidas de imagen recomendadas por el tema y exporto con Photoshop a calidad 60 (menos se pierde definición y se nota). He mirado de usar JPEG2000 o webp pero creo que todavía no se recomienda mucho.
    En fin, comentar que he ido aplicando cosas poco a poco y viendo las diferencias.
    Primero apliqué Cloudflare (plan gratuito), ningún plugin, simplemente con las optimizaciones de su panel de control y ya con eso aceleró bastante la carga de las páginas pero aún así vi que tardaba bastante la primera carga.
    Pensé que aunque tenga cloudflare mi servidor debe de tener una cache para responder rápido. Y con WPSuperCache bajé de 2s de TTFB a 0,7s según GTMetrix. Tengo un 71% en GTMetrix pese a ser una web pesada.
    Tiene sentido emplear WPRocket? Tiene sentido Autooptimize para que lo que sirva WPSupercache este mejor optimizado? Ah y quería preguntar que pasa con el contenido dinámico de las web. Entiendo que SuperCache no tiene que cachear cosas como disqus o similares.
    Me echa atrás que es de pago y al fin y al cabo es una web personal que todo lo pago yo, hay cosas que si he pagado como NextGEN pero veo que al final si quieres hacer las cosas bien todo es de pago.

    Muchas gracias!

    1. Raúl González

      Juan, WP Rocket hace las funciones de Super Caché, Autooptimize, más otras muchas más, que para ello necesitarías muchos plugins. Prefiero tenerlo a este y controlar toda la optimización desde un único lugar.

      1. Juan

        Y el nivel de optimizacion es mucho mayor que con wpsupercache Incluso teniendo ya CDN Cloudflare?
        Lo comento porque como por mucho que optimice la página pesa unos 4MB al menos la página de inicio y a nivel de imágenes salvo que pase a JPEG2000 o wepb no voy a conseguir más.
        Qué opinas de webp o JPEG2000 día de hoy ?
        Muchas gracias!

        1. Raúl González

          El nivel de optimización depende de quien lo optimice. Puedes conseguir el mismo instalando 10 plugins…

          Respecto a esos formatos de imágenes, aunque Google los pida, no hay una compatibilidad total de los navegadores.

          ¡De nada!

          1. Juan

            Pues muchas gracias por tus respuestas tan rápidas. Creo que me he animado y voy a probar. He visto que tiene periodo de prueba y no es tan caro para un sitio. Le voy a echar un ojo y comento algo. Muchas gracias!

          2. Juan

            De momento te tengo que decir que me gusta mucho.
            La optimización de los archivos que hace es grande, ha aplicado un minimizado en todo lo que he puesto y se ha reducido muchisimo. Se ha acelerado considerablemente en comparación con WP Super Cache. Imagino que para llegar al mismo nivel habría tenido que usar Autoptimize y alguno más.
            Me gusta la integración con CLoudflare y además restaura las IPs reales (yo lo había hecho en el wp-config).
            La verdad es que es claro y la documentación de la web es muy buena. No tiene nada que ver con otros. Lástima que es de pago pero creo que merece la pena.
            Muchas gracias!

  6. Miguel

    Hola Raul
    Buen articulo
    Hace poco me cambie a Siteground que como sabes tiene su propio plugin de optimizacion ¿Cual crees mejor el de Siteground o WP Rocket?
    ¿Que nos recomiendas a los que estamos con Sitegrond?

    1. Raúl González

      Pues Miguel, aunque SG tiene el suyo, WP Rocket es mucho mejor, porque soluciona muchos problemas. Vaya es el que uso siempre. Saludos.

  7. Alain

    La verdad estoy un poco decepcionado porque lo compré e instalé y no he podido configurarle nada más que lo de WP-Optimize, porque le activé lo de minify y me dió errores, lazy load también. No he podido activarle casi nada. Y me cuesta creer que solo con instalarlo mejorará algo.

    1. Raúl González

      Alain, te digo que WP Rocket es una maravilla, pero según la plantilla y los plugins que tengas instalados hay que saber configurarlo a fondo para evitar problemas de ese tipo. Échale un ojo a mi artículo de la minificación y concatenación de archivos, seguro que te sirve para los problemas de visualización.

      Saludos!

  8. Jorge

    Hola, gracias por el tutorial.

    Cuando dices que ofreces el plugin a tus clientes, ¿les compras una licencia para 1 sitio? ¿o teniendo tú la licencia de infinitos sitios se puede utilizar esa a modo de «reventa»?

    Gracias!

    1. Raúl González

      Hola Jorge,

      Me refiero a que cuando optimizo una web de un cliente le dejo instalado WP Rocket y no lo tendrá que pagar nunca, dado que yo tengo licencia de desarrollador o infinita, como la quieras llamar.

      Saludos.

  9. Alf

    Lo que me pregunto es… ¿Habrá problemas con los banners de por ejemplo adsense?

    1. Raúl González

      Alf no hay problema, Adsense no será cacheado por el plugin. Saludos.

  10. Alejandro

    Me he aventurado a comprarlo gracias a este artículo y no me arrepiento en absoluto.

    Un pluging muy efectivo, realmente sencillo de configurar y no demasiado caro, además de aumentar significativamente al velocidad del blog.

    1. Raúl González

      Alejandro, es que WP-Rocket es mucho plugin. Yo personalmente siempre invierto en algo que me va a ahorrar mucho tiempo y en este caso lo hace, además de optimizar muy bien la web.
      A ver si en otro hueco hablo un poco más de él con otras opciones y trucos que nos da.

      Un saludo!

  11. abel vital ceja

    gracias muy bueno me abente un rato en tu web leyendo gracias

  12. Tuvant

    Increíble Plugin. Ya desde hace un año que lo vengo usando y me va de maravilla lo mejor de todo es que lo actualizan constantemente. Altamente muy recomendable usarlo en nuestro WordPress.

    1. Raúl González

      Hola Tuvant,

      Hay que pagar anualmente, pero vale la pena. Hace una cantidad de optimizaciones increíbles. Yo ya lo uso en todos mis sitios web y de clientes. Saludos.

Hazte WPOptimizer para comentar y aprender a optimizar WordPress

¡Lo quiero!

Si eres WPOptimizer