Optimizar WordPress utilizando WP Rocket

Autor: | 2018-07-31T13:00:26+00:00 Fecha: 31/10/2017|Categorías: WordPress|Comentarios: 56 comentarios

Existen cientos de plugins de cache para optimizar WordPress, en este blog hemos hablado de muchos plugins e incluso tenemos una guía completa de WPO para WordPress, pero creo que hay un plugin en concreto que desde hace ya algún tiempo debemos darle la importancia que merece ya que puede usarse de base para cualquier optimización de WordPress.

WP Rocket es un plugin de cache para WordPress, actualmente, en el momento de escribir este artículo, WP Rocket es el mejor plugin de cache para WordPress.
Aunque no es el plugin de cache para WordPress que más funcionalidades tiene, ya que en eso es imposible ganarle a W3 Total Cache, podemos decir que WP Rocket es el más fácil de configurar y uno de los más efectivos cuando solo necesitamos un cache de página.

wp rocket

En poco más de 3 años WP Rocket se ha convertido en uno de los plugins de cache más utilizados, en el momento de escribir este artículo ya pasa de las 300.000 instalaciones de WordPress activas.

Si tuviera que destacar las funcionalidades que más me gustan de WP Rocket para WordPress destacaría las siguientes:

 

  • Cache Preloading: El sistema de precache de WP Rocket me encanta, es muy efectivo y ha mejorado mucho en estos años, ya que antes precacheaba con un bot externo y ahora usa un método combinado que no consume tantos recursos.

 

  • Minificado y combinado: El sistema de optimización de HTML, Javascript y CSS de WP Rocket es uno de los más potentes que existen, además que su soporte responde muy bien cuando existe un problema con este módulo (algo común debido a la naturaleza del módulo).

 

  • DNS Prefetch: El cache de peticiones DNS ayuda bastante con el tiempo añadido de las peticiones DNS a diferentes hosts durante la carga, aunque no se nota mucho, pocos plugins permiten aplicar DNS prefetch.

 

  • Integración con WooCommerce: Una de las ventajas de WP Rocket es que se integra muy bien con WooCommerce, lo que permite hacer una gestión efectiva de los caches en tiendas online, algo muy importante para que no haga cache de los carritos.

 

  • Implementación de CDN: Una de las ventajas de WP Rocket es que permite implementar fácilmente cualquier servicio de CDN, además que incluye un módulo para configurar CloudFlare y poder vaciar los caches fácilmente desde el plugin.

 

  • Gestión de cache de Varnish: WP Rocket permite gestionar y vaciar el cache de Varnish siempre y cuando la configuración del proxy inverso Varnish local sea la estándar y pueda vaciarse mediante comando.

 

 

Después de todo esto, también añadir que lo realmente importante de WP Rocket y por lo que realmente merece la pena pagar, es por el soporte técnico y asistencia que ofrecen, ya que si WP Rocket tiene algún problema con tu theme, ellos intentarán ayudarte a parchearlo o a solucionarlo.

Pero no son todo ventajas, gente como yo, que trabajamos normalmente en temas de WPO con diferentes plugins de cache para WordPress, notamos en falta lo siguiente:

 

  • WP Rocket no gestiona cache en Memcached o Redis y ellos mismos recomiendan usar Memcached Redux para guardar cache de objetos de WordPress en un servidor Memcached.

 

 

Aún así, WP Rocket sigue siendo un excelente plugin para la mayoría de los sitios web WordPress de Internet, que, recordemos, tiene en el momento de escribir este artículo un 28,8% de cuota de mercado en todo Internet según W3Techs.

En este artículo vamos a intentar explicar parte por parte toda la configuración del plugin, pero debemos de tener en cuenta que se trata de un plugin muy potente que se actualiza mucho y que por lo tanto, continuamente tiene cambios en la interfaz y se le añaden muchas funcionalidades.

 

Configurar WP Rocket para optimizar WordPress

Una vez que instalamos y activamos WP Rocket se añade a nuestro dashboard de WordPress, a la sección “Ajustes” una nueva sección de configuración llamada “WP Rocket”.

wp rocket

En cada una de las pestañas que puedes ver en la imagen anterior tenemos distintas opciones de configuración, aunque el cache (que es la actividad principal del plugin) se activa automáticamente al activar WP Rocket.

Antes de entrar en materia, te dejo este video que he grabado para que veas un poco por encima la configuración de WP Rocket:

 

Configuración “Básicos” de WP Rocket

La sección de “Básicos” es la base de todo, aquí se encuentran las opciones más generales de WP Rocket y algunas opciones variadas que no tienen hueco en otros lados.

wp rocket

Las opciones que puedes ver en la imagen anterior son estas:

 

  • Lazy Load: WP Rocket permite activar e implementar lazy load para imágenes, iframes y videos. Por si no lo sabes, Lazy Load es una técnica que permite cargar ciertos elementos de la web mediante JavaScript cuando se hace scroll y el usuario los ve en pantalla. Esto ahorra peticiones en la carga de la página.

 

  • Cache móvil: WP Rocket permite elegir si queremos tener activo el cache para dispositivos móviles o incluso tener un cache específico para la versión móvil, algo muy útil si utilizas plugins como WP Touch.

 

  • Cache usuario: Podemos elegir si queremos ofrecerles páginas cacheadas a los usuarios autentificados en el sitio web o si queremos excluirlos, lo normal es excluirlos para evitar problemas al actualizar y publicar en el sitio web.

 

  • Cache SSL: Podemos elegir si queremos servir o no servir páginas cacheadas a los usuarios que entran a nuestro sitio web a través de HTTPS, normalmente esta casilla se activa por defecto (sin posibilidad de desmarcarla) cuando se activa HTTPS.

 

 

  • Contenido incrustado: Esto nos permite activar o desactivar el contenido incrustado o insertado, es decir, hace que no se carguen los incrustados para que el sitio web se renderize mucho más rápido y no consuma tantos recursos en el navegador del visitante.

 

  • Vida útil de la cache: Nos permite especificar el tiempo máximo de vida de las páginas cacheadas antes de que tengan que volver a cachearse. Si nuestro sitio web es un blog o una página estática podríamos poner “0” y confiar en que las políticas de vaciado de WP Rocket puedan vaciar el cache de forma efectiva en las actualizaciones o en las publicaciones de nuevo contenido.

 

En principio estas son todas las opciones que tiene WP Rocket en la pestaña “Básicos”, aunque como he dicho antes pueden aumentar en cualquier momento ya que es un plugin que se actualiza mucho y esta sección de “Básicos” da acogida a muchas opciones que no encajan en ningún otra parte de la configuración de WP Rocket.

 

Configuración “Archivos estáticos” de WP Rocket

En la sección de archivos estáticos se encuentran todas las opciones de configuración destinadas a la minificación, optimización y combinado de archivos HTML, CSS y Javascript, además de la optimización en la carga de Google Fonts desde los servidores de Google.

wp rocket

Las opciones que podemos encontrar en esta sección “Archivos estáticos” de la configuración de WP Rocket son estos:

 

  • Minificar archivos: Permite activar el sistema para minificar y reducir el peso de los archivos HTML, Javascript y CSS. WP Rocket utiliza un sistema de minificado propio que elimina los espacios, los saltos de línea y los comentarios del código HTML, CSS y JS.

 

  • Combinar archivos: Permite combinar varios archivos de un mismo tipo en uno, en el caso de Google Fonts permite que se descarguen en un único archivo todas las fuentes de Google Fonts que utilice el sitio web y con esto se reduce la complejidad y las peticiones realizadas a servidores externos.

 

  • Suprimir query strings: Esto es algo básico en WPO actualmente, lo que hace es eliminar los query strings de las URL de carga de los recursos estáticos tipo Javascript o CSS.

 

  • CSS/JS que bloquean la visualización: Permite cargar el javascript y el CSS de manera asíncrona y diferida para que no interfieran en la carga general de la web. Estos métodos o técnicas suelen dar problemas con los themes y plugins más complejos, pero si los podemos solucionar, son muy beneficiosos para aprovechar mejor el crawl Budget de los principales buscadores.

 

La configuración de esta sección es complicada y es la que más problemas puede dar, dado la complejidad de los themes y plantillas actuales.

 

Configuración “CDN” de WP Rocket

La sección “CDN” nos permite configurar el Domain Sharding o Carga Paralela para que podamos configurar cualquier servicio de CDN que cargue mediante subdominios.

wp rocket

En la sección “CDN” nos encontramos las siguientes opciones:

 

  • CloudFlare: Esta opción simplemente activa la pestaña de configuración llamada “CloudFlare” donde se hacen los ajustes para la conexión con el API de CloudFlare y la posterior posibilidad de vaciar el cache de CloudFlare desde WP Rocket.

 

  • CDN: Esta casilla permite habilitar la carga de elementos desde el CDN a través de subdominios o hosts que vamos a configurar en la opción CNAME(S) del CDN.

 

  • CNAME(S) del CDN: Esta opción permite configurar los CNAME o subdominios que se utilizarán para cargar los elementos que se cargaran desde el CDN, además podemos seleccionar qué elementos se cargarán desde cada CNAME segmentando por imágenes, CSS y Javascript.

 

  • CDN sin SSL: Permite desactivar el CDN para páginas que carguen con HTTPS, útil para tiendas online que tengan el contenido normal con HTTP pero la parte del carrito y los pasos previos a la pasarela de pago con HTTPS.

 

  • Excluir archivos: Nos permite hacer un listado de archivos que no serán cargados desde el CDN, útil si algunos tipos de archivos muy concretos nos da algún problema. La herramienta de exclusión es bastante potente e incluso acepta la posibilidad de usar comodines.

 

La configuración de la sección “CDN” es sencilla, pero debemos de tener en cuenta que previamente tenemos que hacer toda la configuración previa en el servicio CDN que nosotros queramos.
Nosotros normalmente recomendamos CDN77, KeyCDN o Amazon CloudFront como servicios de CDN Premium (la única opción gratuita que recomendamos y que sirva para proyectos más o menos serios es CloudFlare).

 

Configuración “CloudFlare” de WP Rocket

Esta pestaña solo aparece cuando activamos la opción de CloudFlare en la sección CDN, es decir, normalmente esta pestaña esta oculta.

wp rocket

No voy a explicar esta sección al completo, ya que la mayoría de los campos se utilizan para conectarse al API de CloudFlare, además que el módulo de CloudFlare que tiene WP Rocket SOLO sirve para tareas básicas como vaciar cache o para mantener el modo desarrollador activo desde el plugin.

Por otro lado, mediante la opción “Ajustes óptimos” cargaremos en CloudFlare la configuración que recomienda WP Rocket, algo que personalmente no me gusta, pero también supongo que será una cuestión de gustos.

 

Configuración “Avanzados” de WP Rocket

La sección de “Avanzados” de la configuración de WP Rocket nos permite moldear el comportamiento de WP Rocket en cuanto a la gestión de cache y a las exclusiones.

La mayoría de los campos que podemos encontrar en esta sección, como puedes ver a continuación, están dedicados a la gestión de exclusiones y purga, modificando las políticas de vaciado y cache predeterminadas de WP Rocket.

wp rocket

Estas son las opciones que tenemos disponibles en la sección “Avanzados”:

 

  • Nunca poner en cache (URLs): Esta opción nos permite añadir un listado de URL del sitio web que nunca se cachearan, esto es útil para añadir paginas específicas como el carrito, alguna página de perfil o paginas muy dinámicas que muestren datos específicos dependiendo del visitante.

 

  • Nunca poner en cache (cookies): Esta opción también nos permite añadir un listado, pero en este caso se trata de un listado de cookies que si son detectadas en el navegador del visitante no se mostrará una página cacheada ni se copiará esa página a cache.

 

  • Nunca poner en cache (agentes de usuario): Esta opción es exactamente igual a las dos anteriores, pero en este caso no se añadirán a cache páginas que sean cargadas desde el user-agent o agente de usuario correspondiente al listado que nosotros especifiquemos.

 

  • Purgar siempre (URLs): Esta opción nos permite modificar las políticas de vaciado de cache, ya que nos permite especificar un listado de URL del sitio web que serán vaciadas del cache guardado siempre que se publique o actualice contenido.
    Normalmente WP Rocket vacía el cache de los loop de WordPress y de los archivos de WordPress cuando se actualiza o publica contenido, pero con esta opción podremos especificar nosotros otras páginas para que su cache sea actualizado.

 

  • Poner en cache los query strings: Esta opción es útil para cachear páginas que se carguen o que carguen contenido específico mediante parámetros indicados por GET en la URL, ya que normalmente estas páginas no serán cacheadas.

 

Esta es otra de las secciones que más va cambiando en cada versión de WP Rocket o cada vez que añaden funcionalidades y características al plugin, por eso lo que he escrito en el momento de escribir este artículo, puede que no se corresponda con lo que te encuentres cuando leas el artículo.

 

Configuración “Base de datos” de WP Rocket

La herramienta de limpieza y optimización de base de datos de WP Rocket es muy simple, es muy similar a WP-Optimize o cualquier otro limpiador.
Esta herramienta o módulo para WP Rocket ha aparecido hace algunas versiones y personalmente puedo decir que no lo he usado mucho dado que creo que hay opciones mejores, aunque supongo que la posibilidad de programar limpiezas automáticas ayuda bastante.

wp rocket

No voy a explicar con pelos y señales cómo realizar una limpieza con esta herramienta ya que no quiero mojarme, hay que tener en cuenta que esto BORRA cosas de la base de datos y por lo tanto debemos ser totalmente conscientes de lo que estamos haciendo en cada momento, además de tener una buena copia de seguridad preparada por si hubiera algún problema de compatibilidad o similar que ocasionara una catástrofe.

Quizás el elemento que se almacena en la base de datos de WordPress y que más afecta al WPO son los transients, unos elementos que se guardan en la tabla de “options” y que cuando se acumulan muchos pueden causar problemas y ralentizaciones generales.

 

Configuración “Precargar” de WP Rocket

La parte de “Precargar” a mí me encanta, ya que realizando una buena configuración de la precarga de cache junto con un buen ajuste de las políticas de vaciado de cache podemos hacer que el cache funcione de una forma dinámica, automatizada y EFECTIVA.

wp rocket

Vamos a intentar desglosar una por una las opciones disponibles en la parte de “Precargar” de WP Rocket:

 

  • Precargar la sitemap: La precarga de cache de WP Rocket se apoya en el sitemap para tener un listado de URL del sitio web para cargar en la cache, esto lo hace mucho más efectivo. Además es capaz de reconocer los principales plugins de SEO que crean sitemaps.xml, como por ejemplo Yoast SEO y All in SEO Pack.

 

  • Intervalo análisis sitemap: Nos permite configurar el tiempo entre rastreos del bot que se encarga del precache, cuanto más bajo sea el tiempo mayor será el impacto en los recursos consumidos en el servidor o hosting que aloja la web.

 

  • Sitemaps para precargar: En caso de que WP Rocket no sea capaz de reconocer el sitemap, siempre podemos añadir su URL directamente en este campo o añadir sitemaps complementarios que permitan a WP Rocket conocer la estructura del sitio web para cachearlo.

 

  • Robot de precargar: Podemos elegir si queremos ejecutar el robot de precarga de forma automática o manual, si es manual podremos ejecutarla desde la barra de herramientas de WordPress y si es automatico se ejecutara cada cierto tiempo sin intervención del usuario y con los parámetros configurados en esta parte de la configuración.

 

  • Precarga de peticiones DNS: Una de las cosas que diferencia a WP Rocket frente a otros plugins de este tipo es el DNS Prefetch, es decir, la precarga de peticiones DNS. Esto es útil para optimizar la carga de peticiones a hosts externos como por ejemplo Google, Facebook, Twitter u otros servicios que hagan muchas peticiones a distintos servidores.

 

Como he dicho antes, a mí me encanta la funcionalidad de precarga que tiene WP Rocket, ya que me parece mucho mejor que la que trae W3 Total Cache o WP Super Cache, además mucho más fácil de configurar desde una interfaz mucho más clara.

 

Configuración “Varnish” de WP Rocket

La sección de configuración de “Varnish” es la más pequeña de todas, ya que solo tiene una opción de configuración.

wp rocket

Esta opción de configuración nos permite configurar el vaciado de cache de Varnish (si lo tenemos instalado y funcionando en el servidor local) cuando realicemos el vaciado de cache de WP Rocket o cuando se vacíe mediante las políticas de vaciado de cache.

 

Configuración “Herramientas” de WP Rocket

La sección de herramientas de WP Rocket no es una sección de configuración, sino que es más una sección con ciertos accesos directos para realizar ciertas acciones.

wp rocket

Estas son las opciones que podemos encontrar en la sección de “Herramientas” de WP Rocket:

 

  • Vaciar cache: Permite vaciar la cache de WP Rocket y si tenemos configurado el vaciado de cache de Varnish también vaciara el cache de Varnish.

 

  • Precargar la cache: Es el acceso directo para precargar cache de forma manual con los ajustes que hemos configurado en la sección “Precargar”.

 

  • Purgar OPCache: Una opción que tiene WP Rocket desde hace algunas versiones es que permite purgar el OPCache de PHP en caso de tenerlo activado en el intérprete PHP del servidor.

 

  • Exportar ajustes: Nos permite exportar la configuración de WP Rocket para importarlo en otra instalación de WordPress.

 

  • Importar ajustes: Nos permite importar una configuración de WP Rocket previamente exportada en otra instalación de WordPress.

 

  • Vuelta atrás: Nos permite volver a una versión anterior de WP Rocket en caso de que existan problemas de compatibilidad con la versión actual.

 

Esta es otra de las secciones que suele cambiar bastante cuando los desarrolladores de WP Rocket actualizan el plugin y se le van añadiendo funcionalidades.

 

WP Rocket VS otros plugins de cache

Como he dicho antes y también en el video incrustado en este artículo, WP Rocket es uno de los mejores plugins de cache para WordPress en lo que a tiempos de respuesta y efectividad se refiere.

Sí que es cierto que no tienen las posibilidades de cache distribuido, cache en RAM y otras funcionalidades de cache avanzado de base de datos y objetos como tiene el plugin W3 Total Cache, pero en su segmento WP Rocket es un plugin bueno y eficaz.

A continuación te dejo una gráfica de un benchmark realizado por nosotros hace ya algún tiempo donde puedes ver con detalle los tiempos de respuesta de algunos plugins de cache comparados con los de WP Rocket:

wp rocket

De todas formas, aunque como ves en la gráfica WP Rocket es muy bueno, personalmente creo que cada plugin tiene sus ventajas y sus inconvenientes, depende mucho del proyecto y de las circunstancias de cada proyecto.

Nosotros normalmente recomendamos W3 Total Cache junto a WP Rocket y a WP Fastest Cache, depende del caso, del proyecto y de otras muchas variables.

 

Marca Blanca de WP Rocket

Una cosa que muy pocos saben de WP Rocket es que permite configurar el plugin en modo marca blanca, es decir, que no aparezca WP Rocket por ningún lado y que aparezca lo que nosotros queramos poner.

Para activar la marca blanca tendremos que añadir una línea al archivo wp-config.php de WordPress, concretamente esta línea:

Y una vez hagas eso, se añadirá una nueva pestaña llamada “Marca blanca” a la sección de configuración de WP Rocket:

wp rocket

Ahora debemos rellenar todos los campos de esta sección con los datos que nosotros veamos oportunos.

Una vez los tengamos rellenados debemos eliminar la línea que hemos puesto en el wp-config.php o simplemente cambiar a “false” la función, para que desaparezca la pantalla “Marca blanca” de la configuración, con lo que dejaremos eso cambiado.

Esta funcionalidad de WP Rocket es útil cuando queremos instalarle el plugin a un cliente nuestro pero no queremos que conozca WP Rocket, aunque le saca un poco de transparencia al asunto, puede ayudarnos en determinadas situaciones específicas.

 

Desactivar el cache de WP Rocket

Como he dicho al principio del artículo, justo al activar WP Rocket se activará el cache de página de WP Rocket para la instalación de WordPress.

Desde la interfaz de WP Rocket no podemos desactivar el cache de WP Rocket, pero podemos hacerlo con un método oficial alternativo ofrecido por los desarrolladores de WP Rocket.

Puedes obtener más información y el plugin adicional necesario para desactivar el cache de página de WP Rocket en la siguiente URL: http://es.docs.wp-rocket.me/article/637-deshabilitar-el-almacenamiento-en-cache-de-las-paginas

Esto es útil cuando quieres utilizar otras funcionalidades adicionales de WP Rocket, pero no quieres usar el cache de página.
WP Rocket tiene otras funcionalidades que puedes utilizar sin cache como por ejemplo el LazyLoad, la posibilidad de configurar servicios de CDN o la herramienta de limpieza de la base de datos de WordPress.

[Total: 28 Promedio: 3.6]
Mi nombre es Alvaro Fontela, soy consultor Wordpress y blogger activo desde hace años. Co-Fundador de Raiola Networks, escribiendo sobre Wordpress en este blog día tras día.

Utilizamos cookies propias y de terceros para obtener información estadística, mostrar publicidad personalizada a través del análisis de tu navegación, así como para interactuar en redes sociales. Si continúas navegando, consideramos que aceptas nuestra Política de cookies. ACEPTAR

Aviso de cookies