En este artículo aprenderás a configurar correctamente el plugin WPRocket en WordPress, solo tendrás que seguir leyendo a continuación. Además, te daremos algunos otros tips extras fuera del plugins que serán útiles para ti.
Veremos también la configuración principal del plugin a nivel de caché, imágenes, precargas, etc…
Suele funcionar y adaptarse a la perfección a cualquier tipo de web, reflejando una mejoría de velocidad considerable, especialmente la puntuación de Google Page Speed, que es lo que interesa a la hora de sumar al posicionamiento en los buscadores.
Comprar e Instalar el plugin WP Rocket
El WP Rocket es un plugin que es de pago. En relación calidad & precio, el plugin es muy bueno.
Tienes opciones de pagos anuales que salen muy bien de precio. Y tienes planes, bien sea por tener solo un sitio web o para más. Una vez lo hayas adquirido, debes subirlo directamente a WordPress, la forma de hacerlo es exactamente igual como cualquier otro plugin.
Una vez activado, se activa y estará listo para pasar a configurarlo.
Configurar el plugin WP Rocket
Si te vas a los Ajustes en el borde lateral izquierdo, encontrarás todas las opciones de WP Rocket para configurar.
Escritorio
La primera de las opciones es Escritorio, en la que consideramos poco necesario modificar, ya que todo lo que por defecto trae, está bastante bien.
Caché
Una de las primeras cosas sugeridas a realizar, es la activación del caché para dispositivos móviles.
De igual manera, en cada apartado tienes un interrogante que indica ¿necesitas ayuda? Al cual, si le das clic, se desplegará una ventana con información relacionada con ello.
Luego tienes el caché de usuario que podrás decidir si activarlo o no; y más abajo la vida útil de la caché viene por defecto en 0, aunque el propio plugin te aconseja que sea por 10 horas.
Optimizar archivos
Optimizar los archivos de tu página, hará que esta cargue más rápido. Es una de las opciones clave de optimización de velocidad. Aunque tienes que testear que se haya optimizado bien, ya que si tienes mucho código puede dar algún bug.
Optimización de archivos CSS con WpRocket
- La primera opción es “Minificar Archivos CSS“, una opción clave para reducir el tamaño, eliminando espacios en blanco y espacios innecesarios.
- Asimismo, una vez activado el anterior, podrías combinar archivos CSS. Aunque es necesario tener cuidado con esto, considerando que, si tienes muchísimas modificaciones de CSS, podría llegar a darte algún bug en determinado momento.
- Optimizar la entrega del CSS también podrías activarlo. Elimina el CSS que no se utiliza.
Optimizar archivos JavaScript con WPRocket
La configuración Archivos JavaScript es similar a lo explicado en el anterior, pero en vez de con CSS se aplica con JavaScript.
Activasfundamentalmente el minificar archivos JavaScript. En Combinar los archivos JavaScript de igual manera intenta activarlo, aunque como en el anterior, podría también generar errores, puedes hacer la prueba y si todo sale bien lo dejas activo.
Asimismo, en cargar archivos JavaScript de manera diferida también lo puedes activar, aunque debes tener mucho cuidado considerando que, si haces mucho uso de un constructor visual, o tiene muchísimo JS tu web, puede afectar a la carga del diseño y generar mala experiencia al usuario.
En retrasar la ejecución de JavaScript también podría activarse, en este caso relacionado un poco con el anterior, hace que se retrase un poco hasta que el usuario haga la interacción.
Para finalizar Guardar cambios y borra el caché.
Borrar caché
Recuerda borrar caché después de realizar y guardar cada cambio, para asegurarte de que se aplique.
Siempre será recomendable que a medida que realices estos cambios, eches un ojo a tu página para observar los cambios, y poder enterarte de si algún apartado activado ha producido alguna incompatibilidad.
Optimización de Medios (imágenes y vídeos)
En medios también tenemos diversas opciones que podemos ir modificando según sea el caso. Tenemos, por un lado, el LazyLoad y, por otro lado, Image Dimensions, las cuales detallaremos a continuación.
LazyLoad
El LazyLoad es un poco controvertido, considerando que es si deseas habilitar la carga diferida de imágenes, iframes y vídeos, para que en vez de que todos carguen a la vez cuando el usuario vaya desplazándose haciendo scroll el artículo; hasta que no llegue a la imagen o al vídeo, no se carguen.
En principio, no es algo que el usuario deba notar; sin embargo, algunas veces, en caso de que existan muchas imágenes, puede notarse un poco. Puedes activarlo, y si no te convence, volver a desactivarlo 🙂
Image Dimensions
La image dimensions ayuda a evitar que las imágenes se pasen un de tamaño, así que podría ser una ventaja que podrías activar. No suele dar errores nunca.
Las imágenes, por lo general, si son muy grandes pesarán demasiado (no es bueno ni necesario). Esta opción, redimensionará el tamaño manteniendo la relación-aspecto.
Aunque, una buena idea también es optimizar las imágenes antes de subirlas, para ello tienes múltiples herramientas, e incluso un plugins de WordPress especial para las imágenes.
PD: Debes considerar que imágenes mal optimizadas son una de las primeras causantes de la lentitud de una página.
Precargar
Precargar es algo que se debe usar con mucho cuidado, considerando que muchas veces puede generar algún error. Sin embargo, si buscas una optimización al máximo, puedes activarlo y probarlo.
Lo que hace las precargas, tanto de enlaces, como de caché y demás, es que antes de entrar a una URL, se precargue para que al entrar esté medianamente preparado el contenido que se va a mostrar antes de pulsar y acceder al mismo.
Por lo que cuando luego pulsas encima, se carga mucho más rápido el contenido de la página o entrada.
Base de datos
Tenemos toda la base de datos para poderla limpiar, especialmente las cosas que no son importantes. Lo que sugerimos es que programes una limpieza automática para que se realice diariamente, luego selecciona Guardar cambios y optimizar.
Heartbeat
Seleccionar Heartbeat podría ayudar a controlar los recursos. De igual manera, reducir o desactivar la actividad heartbeat podría ayudar a mejorar un poco más de manera general.
Optimización de imágenes
Para la optimización de las imágenes te recomiendan instalar Imagfy (un plugin). También es de pago, pero ayuda a optimizar mucho las imágenes. Adicionalmente, te da opciones para web, como una nueva forma de imágenes muy rápidas.
Herramientas
En herramientas podrás importar o exportar ajustes desde WP Rocket a otra web. De esta manera, más o menos se trata toda la base.
Opciones rápidas de Wp-Rocket
WP Rocket nos da una serie de opciones en la sección habilitada en el panel superior del editor, algunas de ellas son ajustes, borrar caché, clear used CSS, documentación, y más.
- Ajustes es una que ya hemos mirado, siendo la principal.
- Luego le sigue borrar caché, el cual funciona para usarla después de hacer algún cambio, ayudando a que realmente se aplique tales cambios.
- También tenemos clear Used CSS, documentación, preguntas frecuentes y soporte, para cualquier duda o inquietud que tengas.
Tips que ayudan a hacer que tu web sea más rápida
Efectivamente existen muchas otras cosas que se pueden hacer para que tu web sea más rápida, como la elección del tema, de tipografía, hosting, etc..
Además, si colocas códigos complejos, o script de juegos, entre otras cosas, también puede afectar a la velocidad de la web. Evidentemente, si se trata de una web que tenga mucho tráfico, si no tiene muchos recursos para asimilarlo, puede también limitarte.
Asimismo, los anuncios que se cargan desde servidores externos pueden también limitarte la velocidad. Sin embargo, existen formas para herramientas como GTmetrix pueden ser muy precisas a la hora de darte consejos de optimizaciones para la web.
➜ He preparado un artículo que puedes ver aquí: “5 tips para mejorar la velocidad de una página web WordPress“.
➜ Por cierto, por si aún no lo tienes y te interesa, te vinculo también la web oficial para comprar wp rocket.
Vídeo tutorial de cómo usar y configurar WP Rocket en 2024
Efectivamente, la configuración WP Rocket es muy extenso, y quizá sea tanta la información, que aún tengas dudas, las cuales perfectamente bien podrán aclararse con el videotutorial que te adjunto a continuación:
