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 WP Rocket en WordPress, uno de los mejores plugins de caché.

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.

Hace ya tiempo hice mi tutorial sobre WP Super Caché, uno de los mejores y  más ligeros plugins para meterle caña a tu WordPress.

Pero hoy vengo con otro mega plugin que te recomiendo encarecidamente para tu web.

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

Wp Rocket es un maravilloso plugin premium de caché que he empezado a usar en mi nueva web.

Tiene un coste de 39$ 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.

Fíjate si es una maravilla, que he decidido agregarlo a mis servicios como por ejemplo, a mi servicio de optimización de velocidad de WordPress en el que lo ofrezco como un plus.

¿Por qué WP Rocket y no otro plugin de caché?

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.

Comprando e instalando WP Rocket

WP Rocket planes

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.

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.

WP Rocket descarga y mis sitios

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 licencias de los sitios que tengamos activadas y desactivarlas en caso de que lo necesitemos para liberarlas.

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

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

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

El archivo .htaccess de WP Rocket

Htaccess 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.

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.

Opciones básicas

WP Rocket opciones básicas

Nada más entrar en los ajustes de WP Rocket estaremos en las opciones básicas, así que las repasamos.

Lazy Load – Carga perezosa

La carga perezosa es un sistema que no cargará la imagen hasta que se tenga que mostrar en pantalla.

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.

Optimización de archivos

Si activamos esta función, tendremos 2 mejoras.

Por un lado 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.

La segunda mejora es la concatenación.

Osea que si tienes por ejemplo 10 archivos CSS, todos se unirán en uno solo y lo mismo para los Javascript.

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.

Caché móvil

Esta función crea una caché diferente si utilizamos 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 alguno otro.

Si como la mayoría, usas un tema responsive, no necesitas activar esta función.

Caché de los feeds

Ninguna complicación.

Activa la caché en las páginas de los feeds RSS.

Puede que te venga bien, pero si tienes un blog que se actualiza varias veces al día, no lo actives porque las herramientas que funcionen con tus feeds no mostrarán los datos a tiempo.

Un ejemplo es si tienes creada una campaña de email marketing automática desde RSS.

Caché para los usuarios conectados

Es lo que te decía antes.

Lo suyo es que a los usuarios conectados no nos meta páginas cacheadas.

Caché SSL

Si tienes un sitio WordPress con certificado SSL tendrás que activarlo.

Limpiar caché cada

Aquí podrás configurar el tiempo en el que se regenerará la caché.

Yo creo que 24 horas es un tiempo estupendo.

Opciones avanzadas

WP Rocket opciones avanzadas 1

En el apartado de opciones avanzadas, ya nos metemos de lleno en ajustes complejos que puede que necesitemos.

Lo he dividido en 2 capturas para que te sea más sencillo entenderlo.

Precarga de peticiones DNS

Básicamente sirve para que cargue mucho más rápido scripts que hay fuera de nuestro sitio web como por ejemplo Google Fonts, Fonts Awesome, etc.

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

Vaciar la caché de las siguientes páginas…

Cuando se publica o actualiza una entrada, la caché de la página blog, home, las categorías y demás se limpia automáticamente.

Esto es por si quieres que alguna otra página también lo haga.

Por ejemplo una página diferente en la que mostremos los últimos artículos.

Nunca poner en caché las siguientes páginas

Esto es por si quieres que haya páginas que nunca se cacheen.

WP Rocket ya es compatible con muchos plugins de ecommerce como Woocomerce y Easy Digital Downloads y nunca cachea ninguna de sus páginas como productos, 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.

No poner en caché páginas con ciertas cookies

La verdad es que ahora no se me ocurre ninguna situación donde usarla.

Pero si tienes páginas con cookies que no quieras que se cacheen, ya sabes.

Páginas en caché con strings GET

Estos plugins nunca suelen poner en caché páginas con strings en el envío GET.

Eso es porque se usa para enviar parámetros por url y no se deberían cachear nunca.

Un ejemplo es cuando la url tiene el formato http://miweb.com/?camiseta=roja

No se si te hará falta alguna vez.

WP Rocket opciones avanzadas 2

Nunca enviar páginas a caché con user agents

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.

Fusionar los archivos minificados en uno solo

Es lo que te comentaba anteriormente.

Puede que si activas esta función deje de verse bien la página o que algún plugin con Javascript no funcione bien.

Cuidado con eso.

Archivos CSS y JS a excluir de la minificación

Si al activar la anterior función ves que alguno te falla, pues lo excluyes y puedes seguir usando esa función que mejora mucho la velocidad de tu web.

Archivos JS en el footer

Esto te ayudará a mover esos archivos al pie de página una vez que se optimicen.

Pero ten cuidado porque muchas plantillas necesitan que ciertos archivos Javascript se carguen al principio para que se vean bien.

Vuelvo a hacer hincapié en comprobarlo todo de nuevo.

Archivos JS con carga diferida

Esto es por si no puedes unificar todos los archivos en uno solo.

Lo que hace es que cargan de forma asíncrona.

Puede ser una buena opción, pero no se puede usar en todos los archivos.

Optimización de la base de datos

WP Rocket base de datos

Como te comentaba al principio, instalando WP Rocket te puedes evitar instalar otros como el caso de WP Optimize para optimizar la base de datos.

Veamos lo que puede hacer con nuestra base de datos.

Limpieza de entradas

Pues te limpia las revisiones, cosa muy importante porque no veas las que se crean cada vez que editas una entrada.

Yo tengo desactivadas las revisiones en el wp-config.

Y también nos elimina los borradores, pero ten cuidado con borrar los que estás editando.

Limpieza de comentarios

Algo útil para los comentarios spam de WordPress, pero ten cuidado con borrar comentarios buenos que han caído en spam por mala suerte.

Limpieza de trasients

Los trasients son una especie de caché de las llamadas a la base de datos que tiene WordPress para acceder más rápidamente a los datos.

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

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

Limpieza de base de datos

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.

Limpieza automática

Y si andas corto de tiempo, podrás configurar el WP Rocket para que haga todo esto automáticamente a diario, semanal o mensualmente.

¿Qué más le vas a pedir?

La precarga

WP Rocket precarga

Por si no lo sabes, normalmente los plugins crean la caché usando la CPU de tu hosting.

Eso hace que cada vez que se tenga que precargar, tu hosting tenga un aumento de recursos.

Pero WP Rocket usa sus propios servidores para crear la caché de tu web y liberar los recursos de tu servidor.

Precarga manual

La mayoría de los plugins de caché funcionan bajo demanda.

Osea que si un usuario pide una página de mi web que no estaba en caché, es en ese momento cuando se crea su copia en caché y que estará disponible para el siguiente usuario.

Con la función manual, podemos activar la precarga cuando queramos.

Precarga automática

Se precargan los contenidos en caché de forma automática cada vez que son actualizados o publicados.

Precarga de Sitemap

Actívalo y configura el tiempo y la url de tu sitemap.

Es buenos si necesitamos cachearlo, pero no queremos que tarde tanto por los motivos que te comentaba anteriormente.

Si tienes un blog en el que se publica cada hora, pues configura para que se precargue el sitemap cada hora.

Ajustes para CDN

WP Rocket opciones 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 fotos, scrips 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.

CloudFlare

Si activamos esta casilla y guardamos, tendremos una nueva opción en el menú para configurar nuestro CDN con ellos.

No voy a entrar en esto, porque para eso necesitaría un artículo entero y extenso.

Que ya que lo pienso, lo apunto para hacerlo otro día.

CDN y Reemplazar el hostname de la página web por…

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é.

CDN y SSL

Para desactivar el CDN en páginas SSL.

No me parece buena opción, aunque en CloudFlare hay que pagar para tener el CDN en páginas con SSL.

Archivos rechazados

Las urls de los archivos que no queremos que el CDN utilice.

Varnish

WP Rocket 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.

Herramientas

WP Rocket herramientas

En este apartado podrás ver varias opciones que también verás en la barra de estado de WordPress como por ejemplo la de vaciar la caché y la precarga de caché.

Hay otras opciones muy interesantes como la de participar en el programa de betatester, la de exportar o importar tus ajustes que nos pueden servir si tienes más de un sitio web.

Y por último algo que ellos llaman actualizar rollback, para volver a la versión anterior del plugin si la que hemos actualizado nos da algún problema.

Soporte

WP Rocket soporte

Si con todo lo anterior ya te mola el plugin, espera a ver esto.

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?

También hay un apartado de preguntas frecuentes en inglés, pero no lo he puesto.

Termino

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.

Espero que esta guía te haya sido de utilidad.

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

Espero tu comentario.

¿Quieres más visitas a tu blog?

Descarga mis 50 técnicas para mejorar tus visitas y

entra a formar parte de mi comunidad.

Información básica sobre Protección de Datos

Responsable: Raúl González Sedeño.

Finalidad: Gestión del envío de información solicitada y de suscripciones al blog.

Legitimación: Consentimiento del interesado.

Destinatarios: Se comunicarán datos a Active Campaign para gestionar las suscripciones al blog como plataforma de envío de boletines.

Derechos: Tienes derecho a acceder, rectificar y suprimir los datos, así como otros derechos, como se explica en la información adicional.

Información adicional: Puedes consultar la información adicional y detallada sobre protección de datos personales en mi página web ragose.com + info.

He leído y acepto la política de privacidad.

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

  1. 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. 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.

  2. 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. 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!

  3. 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!

  4. 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.

Dejar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

He leído y acepto la política de privacidad y la política de comentarios.

Información básica sobre Protección de Datos

Responsable: Raúl González Sedeño.

Finalidad: Gestión del envío de información solicitada, gestión de suscripciones al blog y moderación de comentarios.

Legitimación: Consentimiento del interesado.

Destinatarios: Se comunicarán los datos a Active Campaign para gestionar las comunicaciones con el usuario.

Derechos: Tienes derecho a acceder, rectificar y suprimir los datos, así como otros derechos, como se explica en la información adicional.

Información adicional: Puede consultar la información adicional y detallada sobre protección de datos personales en mi página web ragose.com + info