La guía definitiva para configurar el plugin WP Rocket y hacer que tu página web vuele al cargar mucho más rápido que las demás.
No solo es necesario saber cómo hacer una buena web con Wordpress, también es necesario saber cómo sacarle provecho.
Y para ello, es obligatorio utilizar el mejor plugin caché para Wordpress capaz de acelerar al máximo la web.
Para que una página web cargue rápido es necesario hacer una serie de ajustes y optimizaciones en su diseño.
Además de tener en cuenta una serie de pautas y reglas a la hora de tener éxito en nuestro proyecto.
En el caso de páginas web creadas con Wordpress, es fundamental el uso de plugins de caché.
Plugins que harán que nuestra web cargue más rápido al servir una versión previamente cacheada de la web.
Aunque la velocidad de una página web no solo depende de un plugin cache.
Para acelerar Wordpress necesitamos de otras optimizaciones como la de elegir bien el servidor donde alojar nuestra web.
También hay que tener en cuenta la optimización de imágenes, la comprensión de la web o la utilización de servicios CDN.
Los plugins caché más conocidos son WP Super Caché y W3 Total Caché.
Plugins caché gratuitos que realizan su función correctamente y hacen que nuestra web cargue más rápido.
Pero existen otros plugin de caché para Wordpress menos conocidos que hacen auténticas maravillas en nuestra web.
Plugins de caché para Wordpress capaces de acelerar una página web, además de optimizar su carga.
Uno de esos plugin caché es WP Rocket al que llegué casi por casualidad, probé y se ha convertido en imprescindible.
Cupón de Descuento para Wp Rocket
Antes de comenzar con la configuración de este plugin caché para Wordpress, me gustaría daros la oportunidad de poder obtener un descuento.
Utiliza nuestros descuentos exclusivos para WP Rocket en cualquiera de sus licencias.
✅ 10% Descuento en Licencias Single
Con un año de soporte y actualizaciones para 1 sitio web
✅ 15% Descuento para Licencia Plus
Con un año de soporte y actualizaciones para 3 páginas webs.
✅ 20% Descuento en Licencia Infinite
Con un año de soporte y actualizaciones para todos tus sitios.
Configurar el plugin WP Rocket para Wordpress
WP Rocket es un plugin de pago que merece la pena cada céntimo gastado en él.
El pago es anual y siempre encontrarás ofertas y descuentos si renuevas la suscripción unos meses antes.
La compra y la descarga del plugin se hace desde su propia página web.
Es allí donde deberemos añadir nuestra dirección web para que WP Rocket pueda funcionar correctamente.
Se instala en Wordpress como otro plugin más, es decir, seleccionando el archivo descargado e instalando desde el panel de control.
Una vez activado, es muy recomendable que vayas activando las distintas opciones de configuración de una en una.
Y siempre probando que no interfieren en el normal funcionamiento de tu web.
Si alguna opción interfiere en tu web, lo mejor es deshabilitar y no utilizarla.
Esta es mi configuración y con mi plantilla y plugins instalados funcionan correctamente.
Para configurar el plugin WP Rocket para Wordpress, vamos a encontrar una serie de pestañas con distintas opciones.
Básicos
Es la configuración básica de WP Rocket que cuya caché se activará automáticamente nada más activar el plugin.
Con LazyLoad lo que hacemos es una carga diferida de elementos estáticos como imágenes, vídeos o iframes.
Es decir, primero cargará todo el contenido de nuestra publicación (textos, encabezados, estilos, etc).
Las imágenes y vídeos irán cargando a medida que el lector vaya visualizando el contenido.
Yo no incrusto ni vídeos ni iframes en mis artículos por lo que tan solo tengo activada la opción de imágenes.
Recomiendo activar la caché móvil para aquellas plantillas adaptables a dispositivos móviles.
Además es conveniente activar también la opción de guardar separadamente los archivos para dispositivos móviles.
Si tienes habilitado el registro de usuarios y estos necesitan identificarse para acceder al contenido deberás activar la caché de usuarios.
Si tus visitantes no necesitan conectarse a tu sitio para ver el contenido, es una opción que no deberás activar.
Activamos la opción de Caché Emoji y evitamos cargar los emoji desde Wordpress.
Así cuando algún visitante decida utilizarlos al escribir algún comentario, reducimos las peticiones HTTP.
Para evitar que nos roben ancho de banda y evitar que nos saturen con peticiones javascript marcamos Contenido incrustado.
Con esta opción evitamos que cualquiera pueda copiar la url de alguna imagen o vídeo y postearlo en otra web.
También podemos establecer la vida útil de la caché de nuestra web.
Yo la tengo establecida en 10 horas, tras las cuales se borra la caché creada de la web y se crea una nueva.
Si eres de los que publican mucho quizás sea conveniente reducir las horas.
Por contra si sueles publicar poco, igual con una vida útil de 24 horas es más que suficiente.
Archivos estáticos
Opciones para configurar el plugin WP Rocket para que gestione el comportamiento de los archivos estáticos de Wordpress.
Podemos minificar los archivos html, css y js de Wordpress.
Es decir, eliminar todos los espacios en blanco y comentarios presentes en dichos archivos.
Así podemos reducir su tamaño y hacer que la carga de los mismos sea más rápida.
En este punto te aconsejo ir marcando de una en una cada opción y comprobar que no aparecen errores en la página web.
También podemos combinar archivos html, css y jss de Wordpress para reducir el número de peticiones html en nuestro servidor.
Al igual que en la opción de minificar archivos de Wordpress, es conveniente ir probado que no aparecen errores.
Podremos excluir determinados archivos css y js de ser minificados y combinados.
Bastará con escribir su ruta en el recuadro de Excluir css o Excluir jss y así evitaremos algunos errores.
Una de las cosas que podemos activar es la opción de suprimir las query string en Wordpress.
De esta manera nuestra nota en GT Metrix y Page Speed Insight mejorará notablemente.
Activando las opciones de suprimir el CSS/JS que bloquean la visualización solucionamos también este error.
Esto hará que los archivos css y js de nuestra página web se carguen de manera diferida.
Primero cargará todo el contenido de la web y por último el archivo css de la plantilla que le dará estilo a nuestra página web.
CDN
Configurar el plugin WP Rocket para Wordpress si se utiliza un servicio CDN no tiene ningún misterio.
Bastará con seguir las indicaciones de configuración del servicio CDN que hayas elegido y completar con los datos necesarios.
Al activar la opción de Cloudflare en WP Rocket se activará una pestaña para configurar Cloudflare para WP Rocket.
Avanzados
A la hora de configurar el plugin WP Rocket para Wordpress podremos añadir manualmente la ruta a determinados archivos para que sean cacheados.
Muy útil si por algún motivo WP Rocket no cachea algunos archivos necesarios.
También útil si necesitamos cachear expresamente determinados archivos como cookies o urls.
O para todo lo contrario, evitar que WP Rocket realice el cacheo de algunos archivos.
Esta es una opción que yo no utilizo en mi blog.
Base de datos
Podemos configurar el plugin WP Rocket para que realice un mantenimiento de nuestra base de datos.
Podremos realizar una limpieza de entradas, eliminando de nuestra base de datos aquellas revisiones de entradas realizadas automáticamente.
Esas copias de seguridad que Wordpress realiza automáticamente mientras confeccionamos un artículo.
También podemos programar la eliminación de borradores de entradas o de entradas descartadas.
Tenemos también la oportunidad de gestionar los comentarios realizados en nuestra web.
Eliminado aquellos los comentarios marcados como spam o aquellos que hayamos descartado.
Otra de las opciones es la de limpieza de trasients, que es la información que Wordpress guarda en la base de datos.
Información referente a las búsquedas que hacen los usuarios en nuestra web.
Función muy útil con el fin de no saturar el servidor con peticiones y mejorando el rendimiento de la web.
Otras opciones muy útiles son la optimización de nuestra base de datos, realizando limpiezas de la misma.
O bien programando una limpieza automática de la base de datos estableciendo la frecuencia en la que se realiza.
Precargar
La configuración del plugin WP Rocket incluye la opción de precarga a través del sitemap.
Yo tengo activada la precarga del mapa de sitio.
Así cuando la caché de la web caduque, las url contenidas en mi mapa de sitio se pre cargan para crear una nueva caché.
Además he añadido las url de aquellos servidores externos a mi web que deseo precargar.
Las fuentes tipográficas de google o Google Analytics se precargan para evitar nuevas peticiones por cada web que abra un mismo visitante.
Opción bastante útil para ganar unas milésimas de segundo y acelerar un poco la carga de la web.
Varnish
Dejo por defecto activada la opción de Sincronizar caché Varnish por si mi servidor la utiliza o planea utilizarla en un futuro.
Herramientas
En esta pestaña de WP Rocket para Wordpress encontramos las opciones para limpiar la caché de nuestro sitio de forma manual.
También encontramos las opciones para Exportar e Importar nuestros ajustes o regresar a una versión previa de WP Rocket.
Comprobar que WP Rocket funciona en nuestra web
Tras configurar el plugin WP Rocket podemos comprobar que nuestra web está siendo cacheada correctamente.
Para ello, lo mejor es abrir nuestra web en una ventana de incógnito de nuestro navegador.
Consultamos el código fuente de la web desde las opciones de desarrollador del navegador.
Al final de todo el código fuente veremos el texto insertado por WP Rocket de que nuestra web está siendo cacheada.
Comprobar velocidad de nuestra web
Podemos hacer un test utilizando herramientas online como GtMetrix.
Teniendo en cuenta que hay que realizar el test varias veces y ver su evolución.
Y sabiendo que elementos externos como scripts, publicidad o botones de redes sociales influyen en el resultado.
Sin duda alguna, si buscas dar un paso adelante en calidad y mejora de tu página web, te recomiendo el uso de este plugin.
Configurar el plugin WP Rocket de manera correcta hace que tu página web vuele.
