Tutorial WP Rocket: cómo configurarlo para mejorar la velocidad de tu web

Mejorar la velocidad de tu web para que esta sea lo más rápida posible es fundamental. Esto ya lo sabes del anterior post que escribí sobre SG Optimizer.

Y, al final de ese mismo post, te dije que te iba a hablar en el siguiente artículo de un plugin aún todavía mejor. De hecho, es el mejor que existe para WordPress en mi opinión.

Pues aquí está el artículo prometido: estás ante el mejor y más completo tutorial de WP Rocket que vas a encontrar en todo internet.

¡Vamos al lío!

¿Qué es WP Rocket?

WP Rocket es, al igual que SG Optimizer un plugin de caché y optimización WPO que podemos instalar en WordPress para mejorar datos relativos a la optimización del código de nuestra web y a la velocidad de carga de la misma.

Pero, al contrario que SG Optimizer, WP Rocket puede ser instalado en cualquier web creada con WordPress, independientemente de en qué proveedor de hosting tengas alojado tu sitio web.

¿Qué hace WP Rocket?

Las funciones y cometidos que cubre WP Rocket son bastante variadas, esa es la verdad.

Pero, como te he dicho, en esencia hace lo mismo que SG Optimizer.

Aunque, también hay que decirlo, para mí lo hace algo mejor.

Entre las funciones que realiza WP Rocket a la hora de optimizar WordPress destacan las siguientes:

• Actúa como plugin de caché.
• Optimiza archivos CSS y Javascript.
• Optimiza la carga de imágenes, vídeos, iframes, etc.
• Te permite implementar reglas avanzadas de caché y precarga.
• Optimiza la base de datos de tu WordPress.
• Controla el Heartbeat de WordPress.
• Te permite integrar con él tu CDN a tu web.

A continuación, y antes de comenzar con el tutorial de WP Rocket puro y duro, vamos a ver una por una en qué consisten todas estas funciones exactamente.

Actuar como plugin de caché

O lo que es lo mismo, WP Rocket gestiona la memoria caché de tu web para servir tu página más rápido a tus visitantes.

La memoria caché es un tipo de memoria rápida que se almacena para cargar la web cada vez que llega un nuevo visitante sin tener que realizar todas las peticiones a tu servidor que se realizan la primera vez que dicha web se carga.

Por este motivo, al almacenar tu web en caché, lo que estás haciendo es que la web se muestre más rápido cuando un usuario desea cargar las páginas de tu sitio debido a que evitas que se repitan una y otra vez estas peticiones al servidor.

Podríamos decir que actuar como plugin de caché es la función principal de WP Rocket.

Optimizar archivos HTML, CSS y JavaScript

O lo que es lo mismo, WP Rocket minifica, combina y carga de forma óptima todos los archivos que conforman tu web.

Al realizar esta optimización de ficheros, esto hace que también se ahorre tiempo en la carga de los mismos, con lo que también estamos ganando un tiempo valioso en lo que mejorar la velocidad de tu web se refiere.

Optimizar la carga de imágenes, vídeos o iframes.

O lo que es lo mismo, WP Rocket hace que la carga de todos estos elementos sea lo más rápida posible.

Ojo, lee bien.

He dicho la carga.

WP Rocket únicamente optimiza la carga, pero no optimiza las imágenes como tal en peso y dimensiones. Esto lo tienes que hacer tú previamente. Ya te enseñé en este blog cómo reducir tamaño y comprimir fotos para tu web.

Implementar reglas avanzadas de caché y precarga

Entiendo que si estás viendo este tutorial, esta función de WP Rocket no la vas a utilizar.

Pero que sepas que estar, está.

WP Rocket está preparado para que, en caso de que tengas los conocimientos técnicos necesarios, puedas implementar reglas avanzadas de caché y precarga de la web.

Optimizar la base de datos

Esto es, limpiar la base de datos de la forma más óptima posible (eliminando tablas y datos residuales que ya no se utilizan, eliminando datos de revisiones antiguas de páginas y entradas, datos de plugins desinstalados y que ya no se utilizan, etc.).

Esta optimización de tu base de datos puedes realizarla desde WP Rocket tanto de forma manual como programarla para que se realice de forma periódica.

Libertad total en este sentido según lo que tú consideres oportuno.

Integrar tu CDN

En el caso de que tengas implementado un CDN para tu dominio y tu sitio web, podrás integrarlo perfectamente a través de WP Rocket gracias al apartado que el plugin reserva para esta tarea.

El CDN, en esencia, es un sistema mediante el cual tu web se replica en varios servidores ubicados en diferentes partes del mundo para que, si un usuario residente en otro país visita tu web, las peticiones de carga correspondiente se hagan al servidor más cercano a su ubicación posible.

Por supuesto, y como seguramente ya habrás comprendido al explicarte qué es un CDN, esto provoca directamente que tu web sea más rápida en cualquier localización a nivel mundial.

Tutorial WP Rocket paso a paso

Hora de ir a lo importante: ver cómo configurar WP Rocket paso a paso.

Antes de nada, quiero decirte que la configuración que aquí te voy a presentar es una configuración muy estándar con la que ya vas a obtener muy buenos resultados.

Pero también te aviso de que cada web es un mundo. Y que, por tanto, te recomiendo ir probando opción por opción que es lo que le va mejor a tu proyecto en tu caso particular para evitar sustos en forma de problemas técnicos, de funcionamiento o de visualización.

Cuánto cuesta WP Rocket

Aparte de lo comentado anteriormente, tengo que decirte de antemano que WP Rocket es un plugin de pago. No es gratuito.

Eso sí: también te digo que merece la pena pagar cada euro que vale sin dudarlo.

A tu disposición tienes 3 licencias que únicamente se diferencian en la cantidad de sitios web en las que puedes instalar el plugin. Con cualquiera de estas licencias tendrás derecho a soporte y actualizaciones durante 1 año (renovable año tras año):

• Licencia Individual (Single): para 1 sitio web y con un precio de 49$.
• Licencia Plus: para hasta 3 sitios web y con un precio de 99$.
• Licencia Infinite: para sitios web ilimitados y con un precio de 249$.

El proceso de compra es muy simple:

1. Seleccionas la licencia que quieres adquirir pulsando en el botón «Comprar WP Rocket» correspondiente.
2. Rellenas tus datos de facturación y pago.
3. Pulsas en el botón «Realizar Pedido».

Puedes comprar WP Rocket desde aquí.

Una vez adquirido el plugin, desde tu zona de cliente podrás descargarlo en tu ordenador para poder instalarlo a continuación.

Cómo instalar WP Rocket

Vamos a comenzar este tutorial de WP Rocket aprendiendo cómo es el proceso de instalación.

WP Rocket se instala cómo cualquier otro plugin premium de WordPress.

Es decir, dentro de tu WordPress debes pulsar en el apartado Plugins > Añadir Nuevo y, posteriormente, pulsar en el botón Subir Plugin que encontrarás en la parte superior de la pantalla.

Al pulsar dicho botón, te aparecerá la ventana en la que podrás cargar el archivo .zip que descargaste de tu zona de cliente de WP Rocket.

Una vez cargado, pulsas en «Instalar Ahora», después en el botón «Activar» y listo.

Ya tienes WP Rocket funcionando en tu web. A continuación vamos a ver cómo lo puedes configurar para mejorar la velocidad de tu web.

Cómo configurar WP Rocket

Las opciones de configuración de WP Rocket se dividen en los siguientes apartados:

• Caché
• Optimizar Archivos
• Medios
• Precargar
• Reglas Avanzadas
• Base de Datos
• CDN
• HeartBeat
• Add-On

Aclarado esto…vamos a ver apartado por apartado qué opciones te recomiendo activar (o desactivar).

Caché

En este apartado es importante marcar la opción Habilitar caché para dispositivos móviles.

Del mismo modo, te recomiendo establecer el tiempo de borrado de caché (vida útil de caché) en 12 horas.

Optimizar Archivos

Aquí deberías marcar como mínimo Minificar Archivos CSS y Minificar Archivos Javascript.

Eso sí, en ambas, comprobando cada vez que marcas una de ellas que no se te generan errores de ningún tipo (visualización o funcionamiento).

Si todo va bien, también podrías probar a ir activando las siguientes opciones para optimizar aún más todos estos ficheros: combinar archivos CSS, optimizar la entrega de CSS, cargar archivos JavaScript de manera diferida y retrasar la ejecución de JavaScript.

Medios

Directamente en esta sección te recomiendo marcar todas las opciones que encontrarás en ella.

Activa las opciones habilitar para las imágenes, habilitar para iframes y vídeos y reemplaza el iframe de YouTube con una vista previa.

También activa la opción de eliminar los atributos de las dimensiones de imagen (add missing image dimensions)

Precargar

En principio, aquí únicamente tienes que activar un par de opciones que son las de activar la precarga y habilitar la precarga de enlaces.

Reglas Avanzadas

Como te comenté al principio, esta configuración que aquí te presento es una configuración estándar con el fin de que le sea válida al mayor número de gente posible sin que le genere problemas en su web.

Es por ello que no comentaré nada al respecto de este apartado puesto que son eso: reglas avanzadas.

Así que déjalo todo como está por defecto y pasa al siguiente.

Base de Datos

Desde aquí vas a poder realizar una limpieza de la base de datos cuando te haga falta de forma manual. O también puedes hacerla periódicamente de forma automática marcando la última opción llamada programar limpieza automática.

Si lo vas a hacer de forma manual, simplemente marca las opciones que quieras limpiar en tu base de datos (revisiones, borradores, comentarios spam, etc.) y pulsa después en el botón «Guardar cambios y optimizar».

CDN

Aquí vas a tener a tu disposición los campos correspondientes para introducir los datos de configuración de tu CDN.

Esto también se puede considerar optimización avanzada, puesto que configurar un CDN tiene en principio más miga de lo que pueda parecer.

De hecho, enseñarte a configurar un CDN daría tranquilamente para otro artículo aparte.

Por ello, en esta ocasión, no explicaré nada acerca de esta opción. Déjala en blanco puesto que no corresponde a una configuración estándar como la que aquí estoy presentando.

Heartbeat de WordPress

El Heartbeat de WordPress es el encargado del envío de información sobre la administración de WordPress en tiempo real desde el navegador al servidor.

Controlando este envío de información de forma más moderada, reducimos las peticiones al servidor y, en consecuencia, mejoramos el rendimiento de la web.

Por tanto, te recomiendo aquí marcar la opción de Controlar Heartbeat.

Con esto, habríamos terminado de aprender cómo configurar WP Rocket.

Cómo desactivar WP Rocket

En algún momento mientras haces las pruebas de configuración de WP Rocket o al instalar un nuevo plugin en tu WordPress pueden surgir problemas de compatibilidad que, a su vez, generen problemas de funcionamiento o visualización.

Es por eso que, para comprobar si efectivamente se trata de un problema de compatibilidad entre plugins, también voy a enseñarte en este tutorial de WP Rocket cómo puedes desactivarlo por si tienes que hacerlo llegado el caso.

Desactivar WP Rocket es muy sencillo: simplemente, dentro de tu WordPress, te tienes que ir al apartado de Plugins > Plugins Instalados.

Una vez en esta pantalla, en la que encontrarás un listado de todos los plugins que tienes instalados en tu web, busca WP Rocket y pulsa en Desactivar.

De este modo, WP Rocket dejará de funcionar en tu web y podrás comprobar si esos problemas de compatibilidad, caché y/o funcionamiento vienen provocados por él (o por el plugin que has instalado porque no sea compatible con WP Rocket).

Te aviso de que no perderás la configuración de WP Rocket por desactivarlo. Únicamente perderás dicha configuración si desinstalas por completo el plugin.

Resultados de mejora de velocidad web con WP Rocket

Con una configuración similar a la que te he explicado (y teniendo también en cuenta los otros factores para optimizar WordPress que son necesarios), podrás conseguir resultados tan buenos como los que te presento en pantalla.

Está genial, ¿verdad?

Como te decía antes, para mí este es el mejor plugin de caché y optimización WPO que existe por 2 motivos:

1. Consigues unos resultados buenísimos al igual que ocurría con SG Optimizer.
2. Pero encima, al contrario que ocurría con SG Optimizer, puedes implementar este plugin en cualquier web con WordPress de cualquier hosting, con lo cual no te ves limitado por el proveedor que hayas contratado.

Si has quedado prendado de este plugin y quieres adquirirlo para tu web para poner en práctica hoy mismo este tutorial de WP Rocket, recuerda que puedes comprar WP Rocket desde aquí.

Y, como siempre, te espero en los comentarios para cualquier cosa de la que quieras que sigamos hablando sobre este tema.