La caché explicada: así aceleras tu web
La caché web es una de las técnicas más eficaces para mejorar la velocidad de carga de tu web. Si aplicas bien la caché web, ofreces a tus visitantes una experiencia más rápida y agradable.
Cada vez que alguien visita tu web, el servidor tiene que trabajar: consultar la base de datos, ejecutar PHP, generar HTML. Con la caché guardas el resultado para que el siguiente visitante no tenga que esperar. El resultado: tiempos de carga más rápidos y menos carga en el servidor.
¿Qué es la caché?
La caché consiste en guardar datos de forma temporal para no tener que volver a generarlos. Es como un cocinero que prepara por la mañana la salsa para todo el día, en lugar de hacerla para cada ración por separado.
En las webs hay varios tipos de caché:
Tipos de caché
Caché del navegador
Tu navegador guarda archivos en local: imágenes, CSS, JavaScript. En la siguiente visita no hace falta volver a descargarlos.
Caché de página (en el servidor)
El servidor guarda la página HTML completa. En lugar de ejecutar PHP y consultas a la base de datos, envía directamente la versión guardada.
Caché de objetos
Las consultas a la base de datos que se usan con frecuencia se guardan en caché. Resulta útil para webs dinámicas con muchas consultas repetidas.
Caché de la CDN
Una red de distribución de contenidos (CDN) guarda tu contenido en servidores de todo el mundo. Los visitantes cargan la web desde un servidor cercano, lo que es más rápido.
¿Qué aporta la caché?
El impacto es enorme:
- Tiempo de carga: pasar de 3 segundos a 0,5 segundos no es raro
- Carga del servidor: puede bajar un 90 %
- Costes de hosting: hacen falta menos recursos
- Experiencia del visitante: las webs rápidas convierten mejor
- SEO: a Google le gustan las webs rápidas
Caché para WordPress
WordPress es dinámico: cada página vista genera la página de nuevo. Sin caché, eso es lento. Plugins de caché populares:
WP Rocket
Plugin premium (59 € al año) que se ocupa de todo. Fácil de configurar, con resultados excelentes.
LiteSpeed Cache
Gratis y potente, pero solo funciona en servidores LiteSpeed. Se integra con el servidor para obtener el mejor rendimiento.
W3 Total Cache
Gratis y con muchas opciones. Puede ser complejo de configurar bien.
WP Super Cache
Gratis y sencillo. De Automattic (los creadores de WordPress).
Configurar bien la caché
Ajustes básicos
- Caché de página: siempre activada para el contenido estático
- Caché del navegador: define las cabeceras para JS/CSS/imágenes
- Gzip/Brotli: compresión para que los archivos pesen menos
- Minificación: elimina los espacios innecesarios del código
Configurar excepciones
No todo debe guardarse en caché:
- Carrito y páginas de pago (checkout)
- Contenido específico de cada usuario (páginas de cuenta)
- Páginas de confirmación de formularios
Problemas habituales de caché
Los cambios no se ven
Cambias algo pero sigues viendo la versión antigua. Vacía la caché después de hacer cambios.
Los usuarios con sesión iniciada ven contenido equivocado
Desactiva la caché para los usuarios con sesión iniciada.
El carrito muestra productos equivocados
Las páginas de comercio electrónico deben quedar excluidas de la caché.
Consejos para una caché óptima
- Empieza por lo sencillo: activa primero la caché de página y la caché del navegador
- Prueba a fondo: comprueba los formularios, el carrito y el inicio de sesión
- Usa un solo plugin: varios plugins de caché entran en conflicto
- Combínala con una CDN: Cloudflare más un plugin de caché es una combinación potente
- Supervisa el rendimiento: usa GTmetrix o PageSpeed Insights
Hosting rápido con caché
Tipos de caché
Hay varios niveles de caché que, juntos, aceleran tu web:
Caché del navegador
El navegador de tu visitante guarda archivos en local: imágenes, CSS, JavaScript. En la siguiente visita no hace falta volver a descargarlos. Se configura mediante cabeceras HTTP o .htaccess.
Caché en el servidor
El servidor guarda las páginas generadas. En lugar de ejecutar WordPress y consultar la base de datos cada vez, el servidor sirve una copia HTML ya preparada. Esto hace que las webs dinámicas sean muchas veces más rápidas.
Caché de objetos
Las consultas a la base de datos que se piden con frecuencia se guardan en caché. Herramientas como Redis o Memcached mantienen los resultados en memoria, lo que es más rápido que consultar la base de datos cada vez.
Caché de la CDN
Una red de distribución de contenidos (CDN) guarda copias de tu web en servidores de todo el mundo. Los visitantes cargan los archivos desde el servidor más cercano, lo que mejora la velocidad, sobre todo para los visitantes internacionales.
Caché para WordPress
WordPress necesita caché para ser rápido. Plugins de caché populares:
WP Super Cache
Plugin gratuito de Automattic. Genera archivos HTML estáticos de tus páginas de WordPress. Sencillo de configurar, bueno para principiantes.
W3 Total Cache
Plugin gratuito y completo con muchas opciones: caché del navegador, caché de la base de datos, integración con CDN. Requiere más configuración, pero es más potente.
WP Rocket
Plugin de pago (59 € al año) que funciona bien nada más instalarlo. Combina caché de página, caché del navegador, carga diferida (lazy loading) y más. Fácil de usar y eficaz.
Configurar la caché
Paso 1: instala un plugin de caché
Elige uno de los plugins anteriores e instálalo desde WordPress.
Paso 2: configuración básica
La mayoría de los plugins funcionan con los ajustes predeterminados. Activa la caché de página y la caché del navegador.
Paso 3: prueba
Prueba tu web en una ventana de incógnito. La primera carga genera la caché y la segunda debería ser más rápida. Comprueba también que los formularios y los carritos siguen funcionando: estas páginas suelen tener que excluirse de la caché.
Problemas de caché
Los cambios no se ven
La caché muestra contenido antiguo. Vacía la caché después de hacer cambios. La mayoría de los plugins tienen un botón «Clear Cache» (vaciar caché) en la barra de administración.
Problemas con el contenido dinámico
Los carritos, el estado de inicio de sesión y el contenido personalizado no funcionan bien con la caché. Excluye estas páginas o usa la caché de fragmentos.
Conflictos entre plugins
Algunos plugins no funcionan bien junto con la caché. Después de activar la caché, comprueba que todo sigue funcionando.
Caché y actualizaciones
Después de cambios importantes en tu web (actualización del tema o de plugins, cambios de contenido), conviene vaciar la caché. Así los visitantes ven al instante la versión más reciente.
Estrategias de caché
Para webs pequeñas
Un plugin de caché sencillo con los ajustes predeterminados suele bastar. Activa la caché de página y la caché del navegador, y listo.
Para webs más grandes
Combina varias capas de caché:
- Caché de objetos con Redis o Memcached
- Caché de página a nivel de servidor
- CDN para los archivos estáticos
- Caché del navegador con un TTL largo
Para tiendas online
El comercio electrónico exige cautela:
- Guarda en caché las páginas de producto, pero no el carrito
- Excluye la página de pago y la de cuenta de la caché
- Usa la caché de fragmentos siempre que sea posible
- Prueba a fondo tras la implementación
Invalidación de la caché
Lo más difícil de la caché es saber cuándo vaciarla:
- Tras actualizar contenido: automáticamente desde tu CMS o plugin
- Tras cambios importantes: purgar la caché manualmente
- Si hay problemas: activar el modo de desarrollo (Development Mode)
Hay un dicho en el mundo de la informática: «Solo hay dos cosas difíciles en informática: la invalidación de la caché y poner nombres a las cosas.» La caché hace tu web más rápida, pero requiere atención para funcionar bien.
Medir la caché
¿Cómo sabes si la caché funciona?
- Prueba los tiempos de carga antes y después (GTmetrix, PageSpeed)
- Revisa las cabeceras HTTP en busca de indicadores de caché
- Compara la primera visita con la segunda
- Supervisa la carga del servidor
Una caché eficaz puede hacer tu web de 2 a 10 veces más rápida. Es una de las optimizaciones con más impacto que puedes hacer.
La caché es una de las formas más eficaces de acelerar tu web. El principio es sencillo: guarda las páginas generadas para que no haya que crearlas de nuevo cada vez. El resultado: tiempos de carga más rápidos y menos carga en tu servidor.
Para WordPress hay excelentes plugins de caché. WP Super Cache, W3 Total Cache y WP Fastest Cache son opciones populares. La mayoría funcionan nada más instalarlos, aunque con un poco de ajuste fino puedes conseguir resultados aún mejores. Combina la caché con una CDN para obtener el mejor rendimiento.
Eso sí, con la caché ten cuidado de vaciarla después de hacer cambios; de lo contrario, los visitantes verán contenido desactualizado.
La caché es la forma más sencilla de acelerar tu web. Instala un plugin de caché, configura los ajustes básicos y notarás la diferencia al instante. Tus visitantes lo notan y Google también: las webs más rápidas puntúan más alto. No olvides vaciar la caché después de actualizar tu web.
La caché es esencial para las webs modernas. Empieza con la caché básica y ve afinando tu estrategia a medida que conozcas mejor las posibilidades.
Empieza con la caché y comprueba al instante la diferencia en la velocidad de carga.
En Theory7 usamos servidores web LiteSpeed con caché integrada. Combinados con el plugin gratuito LiteSpeed Cache, tienes la máxima velocidad desde el primer momento.
Caché web: tipos de caché comparados
Para sacar el máximo partido a la caché web, tienes que entender qué tipos existen y cómo funcionan juntos.
| Tipo de caché | Dónde | Mejora de velocidad | Gestión | Ejemplo |
|---|---|---|---|---|
| Caché del navegador | Visitante | Muy alta (local) | Cabeceras de caché | CSS, JS, imágenes |
| Caché del servidor | Servidor web | Alta | OPcache, FastCGI | Páginas PHP |
| Caché de aplicación | CMS/app | Media-alta | Plugin/código | Consultas a la base de datos |
| Caché de la CDN | Servidores edge | Alta (global) | Proveedor de la CDN | Todo el contenido estático |
| Caché de objetos | Servidor (RAM) | Muy alta | Redis/Memcached | Objetos de la base de datos |
| Caché de página | Servidor/CDN | Máxima | Plugin/configuración | Páginas HTML completas |
Configurar bien la caché web
Una buena configuración de la caché web marca la diferencia entre una web rápida y una lenta. Sigue estas buenas prácticas:
- Cabeceras Cache-Control: define tiempos de caché largos para los archivos estáticos (CSS, JS, fuentes), como mínimo 1 año con hash de versión
- Cabeceras ETag: usa ETags para que los navegadores sepan cuándo ha cambiado un archivo
- Gzip/Brotli: comprime los archivos en caché para una transferencia más rápida
- Cache busting: añade parámetros de versión a los nombres de archivo al actualizar
- Caché selectiva: no guardes en caché páginas dinámicas como carritos o páginas de inicio de sesión
- Consejo para WordPress: usa WP Super Cache o W3 Total Cache como plugin de caché básica
- Avanzado: combina la caché en el servidor (Redis) con una CDN para conseguir el máximo efecto
En el hosting web de Theory7, la caché en el servidor viene activada por defecto para un rendimiento óptimo.
Preguntas frecuentes sobre la caché web
¿Por qué no veo mis cambios después de una actualización?
Se debe a que la versión antigua sigue en la caché. Vacía la caché de tu navegador (Ctrl+Shift+Delete), la del plugin de tu CMS y, si procede, la de la CDN. En Theory7 puedes vaciar la caché del servidor desde DirectAdmin.
¿Puede la caché causar problemas?
Sí, una caché mal configurada puede hacer que los visitantes vean contenido desactualizado, tengan problemas de inicio de sesión o que las funciones dinámicas no funcionen. Prueba siempre en una ventana de incógnito después de activar la caché.
¿Cuánto más rápida será mi web con la caché?
La mejora de velocidad depende de tu punto de partida. De media, una web se vuelve de 2 a 5 veces más rápida con una buena caché. Las páginas que sin caché tardan 3 segundos en cargar suelen bajar de 1 segundo con una caché óptima.
Caché web y contenido dinámico
Un reto de la caché web es gestionar el contenido dinámico. Las páginas con elementos personalizados, carritos o usuarios con sesión iniciada no deben guardarse por completo en caché. Usa la caché de fragmentos para guardar solo las partes estáticas de una página mientras los bloques dinámicos se cargan en tiempo real. En WordPress puedes lograrlo con plugins que admiten «exclusiones de caché» (cache exclusions). Así mantienes las ventajas de la caché sin perder funcionalidad. Para obtener los mejores resultados, combina la caché a nivel de servidor con una CDN y cabeceras de caché del navegador mediante la configuración de tu hosting.
Consejos para optimizar la caché web
Ahora que entiendes cómo funciona la caché web, compartimos algunos consejos prácticos para optimizar tu estrategia de caché web.
Combina distintas capas de caché web
Los mejores resultados se consiguen aplicando la caché web en varios niveles. Usa la caché del navegador para los archivos estáticos, la caché en el servidor para las páginas dinámicas y una CDN para la distribución mundial. Este enfoque por capas de la caché web consigue los tiempos de carga más rápidos.
Estrategia de invalidación de la caché
Un problema habitual de la caché web es que los visitantes ven contenido desactualizado. Por eso, define una estrategia clara de invalidación de la caché. Usa números de versión en los nombres de archivo y configura los valores de TTL adecuados para la configuración de tu caché web.
Una buena caché web es imprescindible para cualquier web moderna. Combina la caché web con un hosting web fiable para obtener los mejores resultados. Considera también un VPS si quieres tener el control total sobre la configuración de tu caché web.
Caché web: técnicas avanzadas para la máxima velocidad
Además de los métodos de caché estándar, existen técnicas avanzadas que llevan tu caché web a otro nivel. La caché de objetos es una técnica potente que guarda las consultas a la base de datos en la memoria del servidor. Herramientas como Redis y Memcached son el estándar para ello. En lugar de ejecutar las mismas consultas a la base de datos en cada visita a una página, los resultados se guardan en la memoria RAM del servidor, lo que es cientos de veces más rápido que leer del disco.
La caché de opcode es otra técnica esencial, sobre todo para webs PHP como WordPress. Normalmente, el código PHP tiene que compilarse de nuevo en cada petición. Con una caché de opcode como OPcache, el código compilado se guarda y se omite el proceso de compilación. La mayoría de los proveedores de hosting tienen OPcache activado por defecto, pero puedes optimizar los ajustes aumentando los límites de memoria y el número de archivos.
La caché en el borde (edge) mediante una CDN (red de distribución de contenidos) acerca tu contenido en caché al usuario final. Una CDN guarda copias de tus archivos estáticos en servidores de todo el mundo, de modo que los visitantes siempre reciben el contenido del servidor más cercano. Esto es especialmente eficaz para webs con público internacional, pero incluso para webs de los Países Bajos una CDN mejora la velocidad al repartir la carga de los servidores.
Configurar la caché en WordPress: guía completa
Las webs en WordPress se benefician enormemente de una buena configuración de caché. La forma más sencilla de activar la caché es con un plugin de caché. Las tres opciones más populares son WP Super Cache, W3 Total Cache y WP Rocket. Cada plugin tiene sus propios puntos fuertes.
| Plugin | Precio | Facilidad de uso | Funcionalidad | Ideal para |
|---|---|---|---|---|
| WP Super Cache | Gratis | Sencillo | Caché de página básica | Principiantes |
| W3 Total Cache | Gratis/Premium | Complejo | Completa (CDN, minificación) | Usuarios avanzados |
| WP Rocket | 59 € al año | Muy sencillo | Todo en uno | Todo el mundo |
Tras instalar un plugin de caché, configura los siguientes ajustes para obtener resultados óptimos. Activa la caché de página para guardar páginas HTML completas. Activa la caché del navegador para que los visitantes recurrentes tengan que descargar menos datos. Define una vida útil de la caché de como mínimo 12 horas para la mayoría de las páginas, y más corta para las páginas que se actualizan con frecuencia.
Ten en cuenta que debes excluir de la caché las páginas con contenido dinámico, como las páginas del carrito y de inicio de sesión. Estas páginas deben cargarse siempre de nuevo para funcionar correctamente. La mayoría de los plugins de caché lo detectan automáticamente, pero compruébalo para evitar problemas. Encontrarás más consejos para acelerar tu web en nuestro artículo sobre cómo mejorar la velocidad de tu web.
Invalidación de la caché: cuándo y cómo vaciarla
Uno de los aspectos más delicados de la caché web es la invalidación: decidir cuándo hay que renovar la versión guardada. Si la caché se conserva demasiado tiempo, los visitantes ven contenido desactualizado. Si la vacías con demasiada frecuencia, pierdes las ventajas de velocidad. El equilibrio adecuado depende de la frecuencia con la que se actualice tu contenido.
Para blogs y webs informativas que se actualizan cada semana, una vida útil de la caché de 24 horas es una buena opción. La versión guardada se renueva entonces a diario y, cuando publicas una entrada nueva, puedes vaciar la caché manualmente. Para webs de noticias o foros que se actualizan continuamente, es más adecuada una vida útil más corta, de 1 a 4 horas. Las webs de comercio electrónico requieren un enfoque más matizado: las páginas de producto pueden guardarse en caché más tiempo, mientras que los niveles de stock y los precios deben actualizarse con más frecuencia.
Implementa también el «cache busting» para archivos estáticos como CSS y JavaScript. Al añadir un número de versión o un hash al nombre del archivo, obligas a los navegadores a cargar la versión más reciente cuando hayas hecho cambios. La mayoría de los sistemas de compilación modernos lo hacen automáticamente. Sin «cache busting», los visitantes pueden ver un diseño roto después de que hayas modificado el CSS, porque su navegador sigue usando una versión antigua de la hoja de estilos.
Medir y supervisar la caché web
Configurar la caché web es solo el primer paso. Para garantizar que tu caché funciona de forma eficaz, tienes que medir y supervisar los resultados. Usa Google PageSpeed Insights como comprobación básica. Esta herramienta analiza tu web y ofrece recomendaciones específicas para mejorar la caché. Fíjate sobre todo en los indicadores de servicio de archivos estáticos y en las cabeceras de caché del navegador.
Para obtener datos más detallados, puedes usar las herramientas de desarrollo de tu navegador. Abre la pestaña Network y carga tu web. Revisa las cabeceras HTTP de la respuesta. Deberías ver cabeceras como Cache-Control, Expires y ETag. Si faltan, tu caché no funciona correctamente. La cabecera X-Cache (presente en muchos sistemas de caché) indica si una petición se ha servido desde la caché (HIT) o desde el servidor de origen (MISS).
Configura una supervisión automática que te avise si aumentan los tiempos de carga. Herramientas como Uptime Robot o Pingdom supervisan tu web de forma continua y envían un aviso cuando el tiempo de respuesta supera un umbral. Esto te ayuda a detectar problemas de caché antes de que tus visitantes los noten. Combina la supervisión de la caché con la monitorización de la disponibilidad para tener una visión completa del rendimiento de tu web.
Conclusión: la caché web como base de la velocidad
Una caché web eficaz es una de las optimizaciones con más impacto que puedes implementar. Si combinas bien la caché en el servidor, la caché del navegador y la CDN, puedes reducir el tiempo de carga de tu web entre un 50 y un 80 %. Supervisa los resultados con regularidad y adapta tu estrategia de caché según los datos que obtengas. Con el enfoque adecuado, ofreces a tus visitantes una experiencia de navegación ultrarrápida que beneficia tanto a la experiencia de usuario como a tu posicionamiento en buscadores.
Fuentes y referencias
- Google PageSpeed Insights (pagespeed.web.dev)
- Cloudflare: Learning Center (cloudflare.com/learning)
- GTmetrix: Website Performance Testing (gtmetrix.com)
