Qué es la caché y cómo acelera un sitio web

Qué es la caché

La caché es un almacenamiento temporal de datos de uso frecuente. En lugar de que el servidor genere una página desde cero cada vez (leyendo la base de datos, ejecutando PHP, ensamblando el HTML), el contenido almacenado en caché se sirve directamente desde la memoria o el disco. El resultado es una carga de página drásticamente más rápida.

Piensa en la caché como en la estantería junto a la caja de una tienda. En lugar de ir al almacén (el servidor) a por cada producto que los clientes piden con frecuencia, mantienes los artículos más populares al alcance de la mano. Del mismo modo, la caché mantiene las páginas y los recursos más solicitados más cerca del usuario para entregarlos rápidamente.

Caché del navegador

La caché del navegador es la más cercana al usuario. Cuando un visitante abre tu sitio por primera vez, el navegador descarga todos los recursos: HTML, CSS, JavaScript, imágenes y fuentes. En una visita posterior, el navegador carga esos recursos desde la memoria local en lugar de volver a descargarlos.

Cómo funciona

• Cabecera Cache-Control: el servidor envía una cabecera que le indica al navegador cuánto tiempo debe conservar el recurso. Por ejemplo, Cache-Control: max-age=31536000 significa que el navegador conserva el archivo durante un año.
• ETag: un identificador único de la versión del archivo. El navegador le pregunta al servidor «¿ha cambiado el archivo desde la versión X?»; si no, el servidor responde con 304 Not Modified y no vuelve a enviar el contenido.
• Cabecera Expires: un mecanismo más antiguo que indica explícitamente la fecha de caducidad de la caché.

Ajustes recomendados

• Imágenes, fuentes, CSS/JS: caché durante periodos largos (de 6 meses a 1 año). Usa versionado en el nombre del archivo (style.v2.css) para las actualizaciones.
• Páginas HTML: caché de navegador corta o nula, porque el contenido puede cambiar con frecuencia.
• Ejemplo en .htaccess: en Apache/LiteSpeed, usa mod_expires para establecer reglas de caché por tipo de archivo.

Una caché del navegador bien configurada puede reducir el tiempo de carga entre un 60 y un 80 % en las visitas recurrentes. Google PageSpeed Insights te avisa si no tienes cabeceras de caché adecuadas.

Caché del servidor

La caché del servidor almacena las páginas generadas en el servidor para evitar reprocesarlas en cada petición. Para sitios en PHP como WordPress esto es crítico, porque generar una página con PHP requiere más tiempo de CPU que servir un archivo estático.

Tipos de caché del servidor

• Caché de página (Full page cache): toda la salida HTML de la página se almacena como un archivo estático. Las peticiones posteriores reciben ese archivo directamente sin invocar PHP. Es la caché más eficaz para WordPress.
• Caché de opcode (OPcache): el código PHP se compila a bytecode una vez y el bytecode en caché se usa en todas las peticiones posteriores. Activada por defecto en PHP 8.x.
• Caché de objetos: los resultados de las consultas a la base de datos se guardan en memoria (Redis o Memcached). Especialmente útil para WooCommerce y sitios con mucho contenido dinámico.
• Caché de consultas de base de datos: la base de datos (MySQL/MariaDB) dispone de un mecanismo integrado para almacenar en caché las consultas que se ejecutan con frecuencia.

LiteSpeed Cache

El servidor LiteSpeed cuenta con un mecanismo de caché integrado que funciona a nivel del servidor web: es más rápido que cualquier solución de caché basada en PHP. El plugin LiteSpeed Cache para WordPress gestiona esta caché y ofrece:

• Caché de página automática con invalidación inteligente (solo se vuelve a cachear lo que ha cambiado).
• ESI (Edge Side Includes) para caché parcial: cachea la mayor parte de la página mientras los elementos dinámicos (carrito, usuario conectado) permanecen sin cachear.
• Optimización de imágenes, CSS y JavaScript dentro del mismo plugin.
• Un crawler que genera la caché de forma proactiva antes de que llegue un visitante.

Caché de CDN (Content Delivery Network)

Una CDN distribuye copias de tu sitio en servidores repartidos por todo el mundo. Cuando un visitante de Japón abre tu sitio alojado en España, en lugar de que la petición viaje miles de kilómetros, la CDN sirve el contenido desde el servidor más cercano, quizá en Tokio.

Cómo funciona una CDN

• Servidores de borde (edge): la CDN tiene una red de servidores (nodos de borde) en cientos de ubicaciones por todo el mundo. Cada uno guarda una copia de tu contenido estático.
• Servidor de origen: tu servidor de hosting es el origen, la fuente del contenido original. La CDN comprueba periódicamente si hay actualizaciones en el origen.
• TTL (Time to Live): define cuánto tiempo conserva la CDN una copia antes de comprobar si hay una nueva versión en el origen.

Qué cachea una CDN

• Imágenes (JPG, PNG, WebP, SVG): normalmente los recursos más pesados del sitio.
• Archivos CSS y JavaScript.
• Fuentes (WOFF2, TTF).
• Archivos de vídeo y audio.
• Páginas HTML estáticas (con algunas CDN).

Servicios de CDN populares

• Cloudflare: plan gratuito con CDN básica, DNS y protección DDoS. La opción más popular para sitios pequeños y medianos.
• BunnyCDN: más barato que la mayoría de competidores, con buen rendimiento y servidores en Europa.
• QUIC.cloud: una CDN optimizada para servidores LiteSpeed, con integración en el plugin LiteSpeed Cache.

Plugins de caché para WordPress

Si usas WordPress, un plugin de caché es uno de los plugins más importantes que puedes instalar. Repaso de las opciones más populares:

LiteSpeed Cache (recomendado para BeoHosting)

• Funciona a nivel del servidor: más rápido que todas las alternativas basadas en PHP.
• Gratuito y con todas las funciones incluidas.
• Optimización de imágenes, minificación de CSS/JS, lazy loading: todo en un solo plugin.
• Requiere un servidor LiteSpeed (que es el que utiliza BeoHosting).

WP Rocket

• Plugin premium (59 EUR/año por una licencia).
• Funciona en cualquier servidor (Apache, Nginx, LiteSpeed).
• El más fácil de configurar: buenos valores por defecto desde el primer momento.
• Optimización de la base de datos, control del heartbeat, lazy loading.

W3 Total Cache

• Gratuito y con opciones avanzadas para usuarios con experiencia.
• Admite caché de página, caché de objetos, caché del navegador y CDN.
• Más complejo de configurar: una configuración incorrecta puede ralentizar el sitio.

WP Super Cache

• Gratuito, sencillo y fiable.
• Desarrollado por el equipo de Automattic (los creadores de WordPress).
• Menos opciones que W3 Total Cache, pero mucho más fácil de usar.

Cuándo la caché puede causar problemas

La caché no siempre es la solución: en algunas situaciones, un uso inadecuado de la caché puede provocar problemas:

• Contenido dinámico: las páginas que deben ser distintas para cada usuario (carrito, cuenta, checkout) no deben cachearse.
• Contenido obsoleto: si cambias una página pero la caché no se actualiza, los visitantes ven el contenido antiguo. Una invalidación de caché adecuada es clave.
• Depuración: la caché puede ocultar errores; si pruebas cambios y no los ves, probablemente estés mirando la versión cacheada. Vacía siempre la caché después de editar.
• Contenido personalizado: los sitios con pruebas A/B o geopersonalización deben configurar la caché con cuidado para que distintos usuarios no reciban la versión equivocada.

Medir el efecto de la caché

Para ver cuánto mejora la caché el rendimiento de tu sitio, usa estas herramientas:

• Google PageSpeed Insights: mide la velocidad de carga y ofrece recomendaciones específicas sobre la caché.
• GTmetrix: análisis más detallado con un diagrama en cascada que muestra cada petición y si se sirvió desde la caché.
• WebPageTest: realiza pruebas desde varias ubicaciones y muestra la diferencia entre la primera carga (caché fría) y la carga repetida (caché caliente).
• Chrome DevTools: la pestaña Network muestra el tamaño y el tiempo de carga de cada recurso y si procedió de la caché del navegador.

Conclusión

La caché es la forma más eficiente de acelerar un sitio web sin costes adicionales. La combinación de caché del navegador, caché del servidor y CDN puede reducir el tiempo de carga entre un 70 y un 90 %. Para sitios de WordPress en BeoHosting, el plugin LiteSpeed Cache es la solución ideal porque utiliza la caché integrada del servidor para obtener el máximo rendimiento. Empieza por instalar el plugin de caché, configura las cabeceras de caché del navegador y plantéate una CDN si tu público es global. Los resultados se notan de inmediato: un sitio más rápido significa visitantes más satisfechos, mejor SEO y más conversiones.