Cómo configurar WP Rocket y poner WordPress en un cohete

Este plugin es toda una revolución a la hora de habilitar la memoria caché. En este post te explico por qué he elegido WP Rocket como sustituto de CloudFlare (y, por supuesto, de cualquier otro plugin de caching como W3C Total Cache y similares). Atento, porque también van tips para sustituir correctamente CloudFlare por WP Rocket y para usar éste correctamente.Por cierto, no te pierdas la charla que mantuvimos con Juan González en el siguiente webinar:

Cuando un sitio Web necesita generar las páginas que muestra el navegador cada vez que el usuario las solicita, se pierde un tiempo enorme. Esas páginas se dice que son «dinámicas». WordPress trabaja con páginas dinámicas; y el almacenamiento en cache, lo que significa es que se guarda el resultado de todo lo necesario para producir una página dinámica. Entonces, es como si una página dinámica se convirtiese en una página «estática».Los visitantes de tu blog acceden a las páginas estáticas antes que a las dinámicas, reduciendo así el tiempo que se tarda entre que se solicita una página y ésta se muestra en el navegador.

Cuando una página sufre una modificación, el primer visitante después de la modificación verá la página dinámica. Pero, la siguiente visita ya verá la pagina almacenada en caché y se cargará mucho más rápidamente.

WP Rocket proporciona el mecanismo para almacenar en la caché las páginas de nuestro blog. Lo bueno de WP Rocket es su facilidad de configuración y su soporte técnico. Posee un buen repositorio de documentación.

Lo malo es que es de pago.

Algunos proveedores de hosting ofrecen almacenamiento en caché a nivel de servidor, como por ejemplo SiteGround, el hospedaje donde alojamos Blogpocket.Pero en el almacenamiento en caché a nivel de servidor se usa la memoria RAM, en lugar del disco duro como en el caso de WP Rocket. Por ello, el rendimiento es mayor ya que la lectura desde memoria es más rápida que la que se realizar desde un disco duro.

Como veremos un poco más adelante, si tienes un blog alojado en SiteGround, WP Rocket es compatible con el almacenamiento en caché a nivel de servidor. Pero, en otro caso, debes documentarte sobre este aspecto.

En Blogpocket somos defensores de las soluciones fáciles y sin complicaciones para optimizar WordPress. Y una de las herramientas que hemos recomendado hasta la saciedad es CloudFlare.La versión gratuita de Cloudflare ya es compatible con HTTPS. Activa esta opción en opciones básicas, opción «Activar la caché para las páginas con protocolo SSL (https://)».

Por lo tanto, a la hora de implantar el protocolo seguro HTTPS, no tendrás ningún problema con CloudFlare.

Además, si pagas los 39 dólares al año por un plugin como WP Rocket (también compatible con HTTPS) añadirás funciones de rendimiento a las que te proporciona CloudFlare. Ambos son perfectamente compatibles.

[Tweet «Me gusta este post explicando WP Rocket, plugin para optimizar WordPress»]

Para conectar CloudFlare a WP Rocket solo es preciso añadir la pestaña «CloudFlare» activando la casilla correspondiente en la pestaña «CDN» y guardando los cambios.Una vez que veas la pestaña «CloudFlare», añade el email con el que te diste de alta en CloudFlare y la API correspondiente. Lee cómo hacer esto en: Usar WP Rocket con CloudFlare.

Lee también por favor el siguiente artículo: Velocidad y seguridad de tu blog: cómo mejorar con CloudFlare.

Previamente no estaría de más, por si acaso, que purgues la caché dentro de la pestaña «Ajustes» en la administración de tu cuenta.

También limpiaremos la caché del navegador.

SiteGround ofrece tres niveles de caching gratuitamente.Antes de instalar WP Rocket borraremos la memoria de los tres niveles.

Para ello, debes acudir a la sección «Supercacher» del Cpanel de SiteGround y en cada pestaña de memoria caché (caché estática, caché dinámica y Memcached) hacer clic en el botón «Limpieza total».

Cuando instales WP Rocket, el nivel de memoria dinámica de Supercacher tendrá prioridad sobre el del plugin. Pero podrás beneficiarte de sus otras funciones para optimizar WordPress: caché del navegador, LazyLoad, minificación, etc.

Por lo tanto, si quieres usar el sistema de caching de WP Rocket, deberás deshabilitar el Caché Dinámico de SuperCacher.

Sin embargo, activar el Memcached en SuperCacher (nivel 3 de caching) no desactiva el del plugin WP Rocket.

WP Rocket no contiene una opción para Memcached, pero puedes configurarlo y usarlos juntos sin ningún problema, instalando un plugin adicional como por ejemplo Memcached Redux.

Cuando vacías la caché WP Rocket, vaciarás también la de SiteGround y viceversa.

Más información en este artículo: ¿Puedo usar WP Rocket con SuperCacher de SiteGround?.

Para que WP Rocket pueda modificar algunos archivos de la instalación de WordPress como wp-config.php, debes desactivar la protección de archivos del plugin de seguridad iThemes Security.

Ve al apartado «System Teaks» y desactiva la opción «Protect System Files» en «System Files».

Más información en Usar iThemes Security con WP Rocket.

La opción de rendimiento del plugin de seguridad WordFence ya no es gratuita. Pero no es compatible con WP Rocket.Por otra parte, la función «Live Traffic» de WordFence también debería ser desactivada.

WP Rocket es compatible con una serie de plugins pero no con aquellos que realizan la función LazyLoad. Esta función hace que el navegador solo carga las imágenes cuando están visibles, optimizando así la carga de las páginas.Por esta razón eliminaremos de nuestra instalación de WordPress cualquier plugin de LazyLoad.

Si tu plantilla de WordPress es responsive, podría ser útil habilitar la opción de caché para dispositivos móviles.Sin embargo, si usas el plugin WP Touch para mostrar un tema especial adaptado a móviles, es conveniente que desactives dicha opción.

Compra el plugin y descarga el archivo zip. Sube el zip a la página de plugins de WordPress para realizar la instalación automática.El plugin se instala con todas las opciones desactivadas.

Pero la función de almacenamiento en caché de las páginas se inicia automáticamente en el momento de la activación del plugin.

Además, WP Rocket añadirá una reglas para optimizar WordPress a tu fichero «.htaccess» (habilitando la compresión GZIP, la caché del navegador, etc.)

El resto de funciones están deshabilitadas por defecto.

Independientemente de tu configuración WP Rocket, éstas son la funciones que siempre estarán activas:

• Creación de la caché para todas las páginas, acelerando sus visualización
• Disminución de la utilización de ancho de banda gracias a la compresión GZIP
• Gestión de los headers (expires, etags…)
• Optimización de imágenes

Lo primero que debes hacer, tras la instalación de WP Rocket, es activar la caché para los usuarios conectados. Esto es fundamental, porque si has iniciado sesión con tu usuario de WordPress, no verías las páginas cacheadas.Para ello, acude a la pestaña de opciones básicas y activa la casilla «Activar la caché para los usuarios conectados», que encontrarás en el apartado «Caché para usuarios conectados:».

A continuación, debes comprobar, que WP Rocket está funcionando correctamente.

Básicamente, puedes verificar que al final de cada página, aparece en el código HTML la siguiente frase: «This website is like a Rocket, isn’t it ? Performance optimized by WP Rocket. Learn more: http://wp-rocket.me –>».

Otro truco es instalar la extensión de Chrome Wappalyzer, con la que podrás examinar todos los recursos que emplea cualquier página Web. Para Firefox también existe esta extensión.

La gran mayoría de los posibles problemas que tengas en tu instalación de WordPress los detectarás usando estas dos herramientas gratuitas:

• GTMetrix. Con esta herramienta obtendrás, en un único paso, un análisis completo tanto de rendimiento como de estructura. La puntuación te indicará si tu sitio está optimizado, siendo A la mejor.
• Pingdom. Esta herramienta te ofrece, en la seccio?n de «Peticio?n de archivos», el tiempo de carga y cua?nto tiempo usa cada recurso que esta?s utilizando. Por otra parte, en la pestan?a «Performance Grade», verás las recomendaciones para mejorar los resultados.

Lo mejor es tratar de obtener unas buenas puntuaciones progresivamente. Verás que tras la instalación de WP Rocket y llevando a cabo distintas configuraciones (básicas y avanzadas), obtendrás mejores resultados con GTMetrix.

Y no olvides que el objetivo es reducir el tiempo de carga de las páginas. Es decir, que aunque no logres un nivel A en GTMetrix, persigue un tiempo de carga lo más cercano posible al segundo.

Hemos escrito la siguiente guía con las instrucciones precisas para que puedas configurar WP Rocket con CloudFlare. Con ello, podrás optimizar, sin problemas, la velocidad de tu blog de WordPress.Leer el artículo: Instrucciones para configurar WP Rocket con CloudFlare.

En los sistemas de caché buscamos que aporten otras funciones adicionales. Es decir, además del propio almacenamiento en memoria caché de las páginas para que carguen más rápido, necesitamos mejoras en el rendimiento al optimizar también el funcionamiento de otros elementos. Por ejemplo, la minificación, unir archivos JS y CSS en uno solo, etc.CloudFlare me gusta porque hace eso, además de tener su propio sistema de caching. Y lo hace gratuitamente y con una configuración en un clic.

Si, además, alojas tu blog en SiteGround, tienes resuelto el problema ampliamente:

• 3 niveles de caché en memoria RAM con SuperCacher (más rapidez al recuperar información que desde disco duro)
• Posibilidad de utilizar CloudFlare más el plugin WP Rocket para optimizar WordPress ¡eso es compatible!).

Para una correcta implantación de WP Rocket y mejorar los resultados arrojados por GTMetrix te recomiendo los siguientes pasos:

1. Activar los tres niveles de SuperCacher de SiteGround. Eso desactivará la memoria caché de WP Rocket.
2. Activar primero las opciones básicas de WP Rocket
3. Activar las opciones avanzadas.
4. Activar CloudFlare.
5. Resolver si es preciso los problemas que muestre GTMetrix.

Espero que me cuentes tus experiencias con WP Rocket en los comentarios.