Configurar W3 Total Cache en WordPress para optimizar la velocidad

Configurar W3 Total Cache implica instalar el plugin y activar, uno por uno, sus módulos de caché desde «Rendimiento»: páginas, minificación de CSS, JS y HTML, base de datos, objetos, navegador y CDN. Está concebido para sitios dinámicos como las tiendas WooCommerce. El ajuste ideal varía según los requisitos del hosting y pasa por excluir páginas como el carrito o el pago.

Como seguramente sabrás si sigues el blog de SevenSerp, en más de una entrada ya hemos hablado de la relevancia de tener en cuenta la caché, especialmente cuando nuestra web está creada con WordPress. Para gestionarla, hoy en día hay una gran cantidad de plugins de caché disponibles, pero en esta ocasión no nos fijaremos en uno cualquiera, sino en W3 Total Cache.

W3 Total Cache no es un plugin de caché corriente, ya que en la actualidad es el único plugin que puede implementar distintos tipos de caché en WordPress. Pero, ¿qué quiere decir esto? Que no solo posibilita guardar caché de página en disco, sino que además administra otras clases de caché como la de datos, caché de objetos, caché de navegador, etc., y nos permite alojarla directamente en la memoria RAM del servidor.

Aunque todo esto lo iremos viendo con más detalle a lo largo del artículo, resulta fundamental comprender con qué finalidad lo hacemos. Una configuración adecuada de W3 Total Cache se traducirá en una mejora notable de los tiempos de carga de nuestra web y, tal como ya advirtió Google allá por 2010, este factor se tendrá muy en cuenta al posicionar tu web en los motores de búsqueda, es decir, lo que todos conocemos como SEO.

¡Empecemos!

¿Qué es W3 Total Cache y cómo puede mejorar tu WordPress?

Tal como comentaba, W3 Total Cache es uno de los plugins de caché más avanzados que hay para WordPress. Conviene tener en cuenta que no es el que mejor encaja en la mayoría de los casos; para eso existen otros plugins como WP Rocket, del que también hemos hablado en el blog.

Puede decirse que sus rasgos particulares, que nos permiten guardar distintos tipos de caché en diferentes memorias, lo distinguen del resto. Por ese motivo, resulta idóneo para sitios muy dinámicos, como por ejemplo tiendas online con WooCommerce.

Para lograr una mejora del rendimiento, W3 Total Cache emplea funcionalidades como la compresión de archivos, la caché de páginas, la optimización de imágenes e incluso el uso de CDN con el fin de reducir la carga del servidor y mejorar la experiencia del usuario.

Puedes comprobar el resultado de aplicar todas estas funciones por separado en el repositorio de WordPress, gracias a los test realizados con Google Page Speed por el propio desarrollador.

Cómo instalar y preparar W3 Total Cache

Como suelo decir, antes de instalar un plugin en nuestro WordPress hay que hacer una serie de comprobaciones para evitar posibles problemas y errores en el futuro. Una de ellas es verificar la fiabilidad del plugin. En la actualidad, W3 Total Cache cuenta con más de un millón de instalaciones activas y casi cinco estrellas de valoración. Además, sus actualizaciones son constantes, por lo que todo ello es sinónimo de confianza y seguridad.

Por otra parte, debemos comprobar que nuestra instalación es compatible. Esto resulta sencillo con una búsqueda rápida en el repositorio. En la información del plugin nos indicará a partir de qué versiones de WordPress es compatible y la versión de PHP mínima necesaria para funcionar.

Además de estas pautas que debes seguir antes de instalar W3 Total Cache, te recomiendo como siempre hacer una copia de seguridad. Esto te permitirá restablecer tu sitio web ante cualquier incidencia durante su instalación o configuración.

Si tu instalación cumple los requisitos y no detectas ninguna otra incompatibilidad con los plugins activos, podemos pasar a su instalación. Sería interesante que aproveches este momento para realizar un test de rendimiento con herramientas como PageSpeed o GTmetrix entre otras, de esa manera tendrás con qué comparar una vez hayas implementado todos tus ajustes.

¿Cómo instalar W3 Total Cache desde cero?

Si estás acostumbrado a usar WordPress, este paso te resultará tan simple como conocido. El proceso de instalación de W3 Total Cache es exactamente igual que al resto de plugins. Repasemos paso a paso en qué consiste

1. Una vez hemos accedido al backend de WordPress, nos dirigimos a la barra lateral izquierda y seleccionamos el apartado «Plugins > Añadir nuevo plugin».
2. A continuación, en el buscador escribimos «W3 Total Cache» y hacemos clic en «Buscar».
3. Verás que aparece ya en primer lugar y simplemente hacemos clic en «Instalar ahora»
4. Cuando haya terminado de instalar, hacemos clic en «Activar»

Con esto sería suficiente, hasta aquí, la parte más fácil, W3 Total Cache instalado. Verás que ahora en la barra de herramientas, generalmente en la parte inferior, ahora te aparece una nueva pestaña llamada «Rendimiento», desde la cual procederemos a su configuración.

Requisitos del hosting para W3 Total Cache

Antes de comenzar con la configuración, es importante tener en cuenta ciertas características que debe cumplir tu hosting para aprovechar todas las utilidades que ofrece W3 Total Cache.

Al margen de los requisitos mencionados anteriormente, como son una versión reciente de WordPress y una versión de PHP 7.2.5 o superior, hay otras que debes tener presentes.

• Memoria: es posible que necesites espacio extra para almacenar caché. Verifica que tengas suficiente disponible.
• Permisos: Deben estar activos los permisos de escritura para almacenar caché en los directorios o para modificar archivos como el «.htacces» o «ngix.config» si fuese necesario.
• Compresión Gzip o Brotli: deben estar habilitados para la compresión de archivos.
• Memcached o Redis: sería necesario que estén instalados y configurados solo si deseas usar caché de objetos, así que esta parte es opcional.

Gracias a LiteSpeed Web Server (el que usamos en los hosting con cPanel en Raiola Networks) requisitos como Brotli vienen ya configurados desde hace años y están activados de forma predeterminada sin necesidad de hacer nada.

¿Es compatible W3 Total Cache con otros plugins y configuraciones?

Aquí la regla es clara, no es recomendable tener más de un plugin de caché instalado a la vez sin tener claro su funcionamiento. Se puede decir incluso que hay que tener mucho cuidado con otros plugins que estén orientados también a la optimización. La mayoría tienen utilidades ya existentes en W3 Total Cache y ambos pueden entrar en conflicto si se utilizan mal provocando problemas de rendimiento.

Por lo general, se trata de alternativas como la minificación de CSS y JavaScript o servicios externos de CDN, pero también es necesario revisar otras configuraciones. Por ejemplo, las de WooCommerce o de plugins de SEO, ya que hay ciertas páginas que deben poder actualizarse y no almacenarse nunca en caché, como es el caso de sitemaps, carritos de compra, proceso de pago, etc.

Guía paso a paso para configurar W3 Total Cache

Ahora que contamos con toda la información necesaria y el plugin activo en nuestro sitio web, es momento de configurarlo paso a paso viendo todas las opciones que ofrece. Aunque existe una versión premium de pago, que va desde los $99 anuales, hoy nos centraremos en la versión gratuita, ya que esta cubre la mayor parte de necesidades que puedas requerir para mejorar el rendimiento de tu WordPress.

Configuración general (General Settings)

Nos dirigimos a la pestaña de «Rendimiento > Ajustes generales» es desde donde comenzaremos a llevar a cabo los primeros ajustes.

Si quieres navegar por la web como lo haría el usuario final mientras realizas cambios, pero que esto no afecte al normal funcionamiento de la web, tienes la opción de activar el «Modo de vista previa». Por supuesto recuerda desactivarlo cuando hayas acabado.

Vamos con la primera configuración «Caché de página». Esta posibilita guardar una copia de la página para que no sea necesario cargarla siempre de cero. Para activarlo, hacemos clic en la casilla de «Activar» y seleccionamos en el desplegable el «Método de caché de la página». Lo ideal sería «Memcached«, si tu servidor te lo permite, claro. Normalmente, los hostings compartidos están más limitados y es una opción pensada sobre todo para VPS o servidores dedicados. Si no es tu caso, puedes seleccionar “Disk: Basic” o “Disk: Enhanced”.

Ahora es el turno del módulo «Minimizar», que se usa una técnica para reducir el tamaño de archivos HTML, CSS y Javascript. Esto lo consigue eliminando espacios, saltos de línea, comentarios, etc. Para activarlo hacemos, como antes, clic en «Activar».

Aunque la configuración completa de este módulo la haremos más adelante, vemos que en este apartado general podemos seleccionar qué método de minimización usar. Si tus conocimientos son más limitados, puedes marcar «Automático» porque el método «Manual» está orientado a que tú mismo especifiques que ficheros minimizar y cuáles no.

Es el momento de «Opcode cahé» que se ocupa de eliminar la necesidad de interpretación repetitiva de archivos PHP. Aparte de seleccionar «Activar» como siempre, si tu objetivo principal es mejorar el rendimiento, puedes dejar los ajustes por defecto de «OpCode: Zend Opcache«.

Ahora toca «Caché de base de datos», como su propio nombre nos indica, guarda las consultas más frecuentes a la base de datos en caché. Aquí el criterio será el mismo que con el caché de página.

Siguiente, «Caché de objetos», que es ideal en casos con webs que trabajan con datos dinámicos o que tienen mucho tráfico. Seguimos la norma de Caché de página y de base de datos. Tras activarlo, escogemos «Memcached» si podemos, o en su defecto, «Disco».

La «Caché de Navegador» indicará a los navegadores de los visitantes que deben almacenar archivos estáticos como imágenes, estilos, etc. para futuras visitas. Esta caché es la más fácil de configurar, marcamos la casilla de «Activar» y listo.

Recientemente, se ha añadido un nuevo módulo en los ajustes generales, «Purgar mediante WP Cron«. Este módulo se puede programar a una hora concreta cada cierto tiempo, de tal manera que elimina todos los archivos de caché. Lo podemos usar en aquellos casos en que hacemos cambios en la web de forma recurrente para que los usuarios vean el contenido actualizado y no una versión obsoleta.

Por último, y no menos importante, tenemos «CDN» uno de los puntos fuertes de W3 Total Cache. Podremos activarlo, conectar el servicio externo que usamos y aprovecharlo con la red de servidores de que disponga, para entregar el contenido estático de forma muy eficiente.

Si todavía tienes dudas, W3 Total Cache ofrece una guía detallada de cómo debes afrontar cada módulo en la siguiente ruta «Rendimiento > Guía de configuración».

Page Caché: Cómo optimizar las páginas

Como verás, en las opciones avanzadas de Caché de página hay infinidad de configuraciones. Es por ello que W3 Total Cache es tan valorado como uno de los plugins de caché más potentes.

¿Qué debemos cachear y qué no?

Por resaltar lo más destacado, que suele estar activado por defecto, puedes cachear la página de inicio, feeds, categorías, comentarios, resultados de búsqueda… incluso las páginas que devuelvan error 404. Lo que sí te recomiendo deshabilitar son las opciones de páginas de usuarios conectados, en casos como, por ejemplo, la cuenta de cliente en un ecommerce. Si no lo tienes claro, puedes elegir unitariamente por rol de usuario que cachear y que no.

También puedes programar un pre-cacheo siguiendo el mapa del sitio para que siempre esté disponible una copia del sitio.

Llegados a este punto puede parecer abrumador, pero realmente es cuestión de analizar cada apartado para decidir si debemos o no activarlo. Por suerte, se acompaña todo de una breve explicación que te facilitará el proceso. Puesto que esta guía es básica, no veremos todas y cada una de las opciones restantes en detalle, lo dejamos para un post de W3 Total Cache más avanzado. Piensa que no todas las webs son iguales y, por ese motivo, no hay una norma escrita de cómo deben estar todas configuradas.

Minify: Reducir el peso de CSS, JS y HTML

Pasamos a los ajustes avanzados de Minimizar, seguiré la misma dinámica sin profundizar en exceso. Como bien te explica W3 Total Cache al activarlo, las interacciones y dependencias entre CSS y Javascript suelen ser bastante complejas. Los temas y plugins son creados por diferentes desarrolladores y se pueden combinar de millones de formas. Debido a esto no se pueden tener en cuenta todas las combinaciones posibles, sino que se debe ir probando hasta llegar al mejor ajuste.

Valorando esto, es lógico que vayas testando cuál es la combinación de ajustes que mejor te funciona a ti con las características de tu web. Podrás excluir la minimización de ciertas páginas o archivos, cambiar el método de minimizado combinando o por separado, y mucho más.

Database Cache: ¿Por qué y cómo configurarla?

La verdad es que las consultas de base de datos suponen uno de los consumos de tiempo y recursos más altos y por ello es importante prestarle atención en el proceso de optimizar WordPress. En esta parte, lo cierto es que no hay muchas opciones configurables más allá de su activación, que funciona como el resto de cachés.

Nos centraremos sobre todo en los TTL de los diferentes tipos de acciones, definiendo el comportamiento que debe llevar a cabo la caché de base de datos con algunos de los plugins que puedas tener instalados, aquellos que hacen un uso muy intenso de la base de datos, por ejemplo WooCommerce.

Las demás configuraciones están pensadas para usuarios más experimentados en lo relativo a consultas y constantes que deseemos obviar o dejar fuera del proceso. No te preocupes si al aplicar estos cambios te sientes algo perdido. Con lo que debes quedarte, tal como indicamos en los ajustes generales, es que lo más recomendable es emplear Memcached, cargando las consultas desde la caché en RAM. Es la alternativa más eficaz en términos de rendimiento.

Object Cache: ¿Conviene a tu sitio?

Esta clase de caché resulta perfecta para sitios web grandes o con mucho tráfico, esos que acostumbran a estar alojados en servidores VPS o dedicados compatibles con Memcached o APC. También para aquellas webs con themes y plugins complejos que necesitan muchas consultas repetitivas.

Si no es tu situación, ya sea porque dispones de una web pequeña, con poco tráfico o porque tu hosting no te permite usar memoria en caché, te aconsejo prescindir de este módulo.

Los parámetros idóneos para evitar cualquier incompatibilidad serían fijar ambos TTL en un rango de 3600 segundos, dejando el resto con los valores por defecto.

Browser Cache: Mejora la experiencia del usuario

La caché del navegador es todo un mundo, lo comprobarás en la enorme cantidad de opciones disponibles para configurarla. Bien aplicada se traduce en una mejor experiencia de usuario, pero si no es así, puede terminar en problemas. Por eso hay que tener mucho cuidado para no acabar rompiendo nuestro sitio web; aquí los conocimientos técnicos van por delante.

Si apareciera algún problema, la solución puede ser tan simple como desactivar la opción que viene por defecto «Activar la compresión HTTP (gzip)». De este modo evitamos problemas de doble compresión y podemos encargarnos nosotros mismos de hacerlo directamente editando el archivo «.htaccess».

Por otro lado, si contamos con un proxy inverso Varnish o Nginx, o un servidor web Nginx, puede que sea necesario realizar la activación modificando los archivos de configuración del servidor web o del proxy inverso según corresponda.

A partir de ahí, el resto de modificaciones están orientadas a cuánto tiempo debe almacenarse la caché en el navegador de los usuarios, cómo debe hacerse o si se verifican cambios para nuevas descargas de cabeceras.

CDN: Cómo integrar una red de distribución de contenido

En la actualidad, W3 Total Cache es compatible con más de quince sistemas de CDN en internet. Entre ellos se encuentran Cloudflare, Bunny CDN, Amazon CloudFront o MaxCDN. Existen varios tipos de CDN, los CDN estilo mirror que se colocan como proxy inverso, CDN que simplemente cargan estáticos desde un mirror o subdominio u otros que pueden funcionar de ambas formas.

Si todo esto no bastara, también podemos crear un CDN propio mediante servidores externos que carguen a través de subdominios. Se sincroniza de origen con el servidor CDN mediante una herramienta integrada que puede conectarse por FTP y alinear automáticamente los contenidos sin necesidad de tocar nada.

Una vez activado, y conectado con nuestro sistema de CDN, las demás variables por defecto son las recomendables y además se pueden adaptar según tu caso con ciertas exclusiones por tipos de archivo.

Extensiones de W3 Total Cache: ¿Qué opciones tienes?

Este plugin ofrece hasta diez extensiones compatibles, aunque no todas están incluidas en el plan gratuito.

• Always Cached: Evita que las actualizaciones de contenido borren las entradas de caché y, en su lugar, las agrega a una cola que se puede borrar manualmente o programar con cron.
• AMP: Añade compatibilidad para minimizar las página AMP.
• Cloudflare: uno de los mejores sistemas CDN actualmente.
• Fragment Cache: Aumenta el rendimiento en webs dinámicas que no pueden aprovechar el almacenamiento en caché de páginas enteras.
• Genesis Framework: Aumenta hasta el rendimiento de los temas basados en Genesis Theme Framework.
• WebP Converter: Optimiza las imágenes de la biblioteca de medios en formato WebP.
• New Relic: Una plataforma de análisis para gestionar el rendimiento.
• Swarmify: optimiza el rendimiento de los videos de tu sitio web.
• Yoast SEO: Sincroniza tu configuración con las mejores prácticas de SEO.
• WPML: Mejora el rendimiento si tienes el plugin de traducciones WPML, famoso por su consumo de recursos.

Cómo exportar e importar configuraciones de W3 Total Cache

Si ya has configurado antes W3 Total Cache en otra web y has logrado buenos resultados, podrás exportar e importar los ajustes para un nuevo sitio web. Pero ¡ojo, mucha precaución! Debes revisar cada punto porque cada web es diferente y lo que antes funcionaba en una web puede no hacerlo en otra.

El proceso es muy sencillo. Seguimos la ruta «Rendimiento > Ajustes generales», haces scroll hasta la parte inferior y ya tienes disponibles tres opciones. «Importar configuración», «Exportar configuración» o «Restablecer configuración». Solo tendrás que usar el archivo resultante entre una web y otra y listo, así de fácil.

Saca el máximo partido a W3 Total Cache

Como habrás visto, W3 Total Cache es mucho más de lo que parece. Una buena optimización llevará su tiempo y mucha prueba y error hasta conseguirlo, pero está claro que merece la pena. Recuerda que no es el único plugin de caché disponible y no necesariamente tiene por qué ser el indicado para ti. Valora otras opciones como WP Rocket.

Te animo a sacar el máximo partido a W3 Total Cache; al final la experiencia de usuario y tu posicionamiento orgánico mejorarán notablemente. Y por supuesto, si tienes dudas, puedes escribirnos directamente. En el equipo SevenSerp estaremos encantados de ayudarte a mejorar el rendimiento de tu web. Nos vemos en los comentarios.

Preguntas Frecuentes