Caché de WordPress

En el mundo digital actual, la velocidad de las páginas webs es fundamental para ofrecer una experiencia de usuario aceptable al visitante de tu web. No solo mejora la usabilidad, si no que hacer que tu página web cargue rápido, también mejorará el posicionamiento de la misma.

Uno de los métodos efectivos para mejorar el rendimiento de tu página web (en este post vamos a hablar específicamente sobre WordPress) es utilizando un mecanismo de caché. Cuando hablamos del caché de WordPress nos referimos generalmente, a implementar un sistema de caché optimizado para usar con WordPress.

¿Qué es la caché de una página web?

La caché de una página web se refiere al proceso de almacenar datos del sitio web que se acceden con frecuencia en una ubicación de almacenamiento temporal, conocida como caché. Cuando un visitante accede a un sitio web con la caché activada, en lugar de generar dinámicamente (cargar) cada página desde cero, el sistema recupera la versión en caché de la página, lo que resulta en un tiempo de carga más rápido.

Extrapolando esto a un lenguaje más «normal», es como si ya supiéramos la respuesta de una multiplicación sin tener que hacer todo el proceso para saber su resultado.

¿Por qué es importante tener caché en tu WordPress?

Al implementar un sistema de caché en tu WordPress, se pueden lograr los siguientes beneficios:

  1. Mejora de la velocidad de carga: Reduce el tiempo de carga de las páginas al servir versiones en caché en lugar de tener que procesar todas las peticiones de nuevo en cada solicitud.
  2. Experiencia de usuario mejorada: Con tiempos de carga más rápidos, los visitantes pueden navegar rápidamente por diferentes secciones de tu web, mejorando su experiencia de navegación en general.
  3. Mejores posiciones en los motores de búsqueda: La velocidad del sitio web es un factor crucial a la hora del posicionamiento web, así pues, haciendo una correcta implementación de la caché, mejorará tu posicionamiento en Google.
  4. Reducción de la carga del servidor: Tener un sistema de caché reduce la carga del servidor al haber menos peticiones de procesamiento, haciendo posible que un mismo servidor sea capaz de aguantar más visitas simultáneas sin notar una caída en su rendimiento.

¿Cómo funciona la caché en WordPress?

El sistema de caché en WordPress, por norma general funciona de la siguiente manera:

  1. Cuando un visitante accede a una página, el servidor comprueba si ya existe una versión en caché de dicha página.
  2. Si existe una versión en caché, se sirve esa versión al visitante.
  3. Si no hay una versión en caché de la página o la versión en caché ha caducado, el servidor procesa las peticiones correspondientes para cargar el contenido solicitado, almacenando ese resultado para futuras peticiones.

Tipos de caché

Para no liarte mucho, voy a intentar no profundizar mucho y únicamente dar los conceptos generales de los distintos tipos de caché, que es importante saber para poder averiguar por dónde vienen los problemas en caso de haberlos:

  1. Caché del navegador: Los navegadores web almacenan en caché los recursos de una página web, como imágenes, archivos CSS y JavaScript. Cuando se visita la página nuevamente, el navegador verifica si tiene una copia en caché actualizada de los recursos y los carga desde la caché en lugar de volver a descargarlos desde el servidor. Esto puede ayudar al cliente, pero en algunas ocasiones, al no descargarse los últimos cambios de los ficheros del servidor, puede provocar que el cliente vea cosas desconfiguradas, con otros colores, otras fuentes, etc. Personalmente intento evitar usar este tipo de caché.
  2. Caché del servidor: Los servidores pueden almacenar en caché las respuestas a las solicitudes de los clientes. Generalmente usan un sistema de caché basado en ficheros. De esta forma, te aseguras de tener el «control de caché» y no dejárselo en manos del navegador del usuario. Con esta implementación de caché, se reduce (de hacer la implementación correcta) el TTFB (es el tiempo en que el servidor responde al usuario con el primer bite de información; este valor debería de ser de 25ms).
  3. Caché de base de datos: Algunos servidores tienen configurado el sistema de caché mediante base de datos, personalmente no lo recomiendo ya que dependes mucho de la velocidad de lectura y escritura de los discos duros que esté usando el propio servidor.
  4. Caché de consultas (PHP): En PHP se suele activar el módulo de OPCache para cachear ciertas consultas que hace el CMS (WordPress en este caso) a la base de datos de forma constante. Ojo que también puede traer algún que otro susto cuando vemos que cierto contenido no se ha actualizado pero sí que lo ha guardado. Debería de ir acompañado de opcache_reset(); (que es la forma de limpiar esa caché) en un cron.
  5. Caché de proxy/CDN: En más de un cliente hemos visto que se usa Cloudflare (generalmente) como gestor de DNS / CDN. El «problema» viene cuando desde Cloudflare tienen activada la funcionalidad de proxy, que básicamente se resume en que Cloudflare te proporciona un proxy para que tu web «tenga» a ojos de Google otra IP distinta de tu servidor, y te proporciona un sistema de caché de recursos (css/js). Puede darse el caso (se me ha dado) de realizar cambios sobre un fichero de estilos, guardarlo, subirlo al servidor y el navegador no cargar la nueva versión; y después de revisar las cabeceras de las peticiones que hace mi navegador, darme cuenta de que es el propio Cloudflare quien me está sirviendo esos recursos cacheados, teniendo que entrar en su web para limpiar la caché.

¿Qué plugin de caché recomiendo para tu WordPress?

Realmente deberíamos de ver otro apartado que hable sobre la diferencia de tecnología en los servidores para saber qué plugin usar, pero de momento vamos a dejarlo en que hay varios plugins de caché que recomiendo, aunque nos vamos a centrar en dos; la elección de ellos dependerá de la tecnología de tu servidor.

WP-Rocket

WP Rocket es un conocido plugin de caché para WordPress que está diseñado para mejorar la velocidad y el rendimiento de los sitios web. Su objetivo principal es optimizar el rendimiento de WordPress al implementar diversas técnicas de caché, compresión de archivos y minimización de código.

Al instalar y activar WP Rocket, el plugin automáticamente activa una serie de opciones de caché que ayudan a reducir el tiempo de carga de las páginas. Estas opciones incluyen la caché de páginas, la compresión GZIP, la precarga de caché y la optimización de la entrega de archivos estáticos, como JavaScript y CSS. También proporciona una función de carga diferida para imágenes y vídeos, lo que significa que estos elementos se cargarán solo cuando el usuario los vea, lo que ayuda a acelerar el tiempo de carga inicial de la página.

Una de las ventajas de WP Rocket es su facilidad de uso. Viene con una interfaz intuitiva y sencilla que permite a los usuarios configurar y activar las opciones de caché sin necesidad de conocimientos técnicos profundos. Además, ofrece características adicionales como la minificación de archivos CSS y JavaScript, la integración con servicios de CDN y la optimización de la base de datos de WordPress para mejorar aún más el rendimiento del sitio.

Litespeed

El plugin de LiteSpeed para WordPress es un plugin de caché diseñado para funcionar en combinación con servidores que usen el mismo software (Litespeed) y mejorar la velocidad y el rendimiento de las páginas web. LiteSpeed es un servidor web de alto rendimiento que reemplaza al servidor Apache tradicional.

Como hemos comentado, el plugin sólo funcionará si el servidor tiene la misma tecnología, y proporciona opciones de caché avanzadas y optimización del rendimiento. Incluye opciones como la compresión GZIP, la minificación de archivos CSS y JavaScript, la concatenación de archivos para reducir el número de solicitudes HTTP y la precarga de caché para garantizar que las páginas estén siempre en caché y listas para su entrega.

Una de las características destacadas de LiteSpeed es su capacidad para manejar grandes volúmenes de tráfico sin degradar el rendimiento. Esto lo logra utilizando técnicas de optimización de recursos y controlando de manera eficiente las solicitudes de los visitantes.

Entonces, ¿cuál uso?

Para mi, la respuesta es fácil. Desde un punto de vista técnico, Litespeed tiene más opciones de configuración por tanto en la gran mayoría de los casos, se puede conseguir mejores resultados de optimización y de implementación de un sistema de caché en los WordPress, siempre y cuando el servidor corra sobre tecnología Litespeed.

Cierto es que requiere un conocimiento más amplio para hacer esa buena integración, y hay que reconocer que wp-rocket aún teniendo menos posibilidades de configuración, suele funcionar bien. Así que, como hay que tener en cuenta todas las variables y como buen SEO que soy, la respuesta final sería: depende.

¿Cómo borrar la caché de tu WordPress?

 

Consultor SEO | Web | + posts

Programador reconvertido a consultor SEO. Me gusta automatizar cosas, de hecho, este articulo ha sido generado a partir de otras webs de forma automática.