Caché del navegador, del servidor y CDN: cómo hacer que se ayuden

El recorrido de una visita, de afuera hacia adentro

1. El navegador revisa si ya tiene el archivo y si todavía está vigente. Si lo está, no pide nada: no viaja ni un byte por la red.
2. Si venció, puede preguntarle al servidor si cambió, mandando la huella que guardó (ETag) o la fecha (Last-Modified). Si no cambió, la respuesta es un 304 sin contenido y el navegador usa su copia.
3. Si hay un CDN, el pedido llega primero a su nodo más cercano. Si el nodo tiene una copia vigente, responde él y tu servidor ni se entera.
4. En tu servidor, una caché de página puede entregar el HTML ya armado sin ejecutar PHP.
5. Si hay que ejecutar PHP, OPcache evita recompilar el código en cada pedido, y una caché de objetos evita repetir las mismas consultas a la base.

Qué guarda cada capa y quién la controla

Cuánto tiempo guardar cada cosa

WordPress agrega ?ver= a los estilos y scripts: para el navegador eso es una dirección distinta en cada versión, así que el año de caché es seguro. Revisá que tu CDN no ignore esa parte de la dirección.

Cómo configurarlo en un hosting con DirectAdmin

En el hosting, los encabezados de los archivos estáticos se definen en el .htaccess de public_html. Un bloque como este cubre lo básico y no toca el HTML:

<IfModule mod_expires.c>
  ExpiresActive On
  ExpiresByType image/webp "access plus 30 days"
  ExpiresByType image/jpeg "access plus 30 days"
  ExpiresByType image/png "access plus 30 days"
  ExpiresByType text/css "access plus 1 year"
  ExpiresByType application/javascript "access plus 1 year"
  ExpiresByType font/woff2 "access plus 1 year"
</IfModule>

• Comprobá que se aplique con curl, como se explica más abajo. Si los encabezados no aparecen, revisá que el bloque esté en el .htaccess de public_html del dominio correcto y que otro .htaccess más adentro no lo pise.
• Para la caché de página en WordPress, un complemento como WP Super Cache o W3 Total Cache alcanza. Activá uno solo: dos cachés de página se pisan.
• Excluí de la caché las páginas de carrito, checkout y mi cuenta. Los complementos serios lo hacen solos con WooCommerce, pero verificalo.
• Si publicás seguido, configurá que la caché de una entrada se borre al actualizarla, en lugar de vaciar todo el sitio cada vez.

Cómo comprobar qué capa te respondió

Desde una terminal, curl muestra los encabezados de la respuesta sin descargar la página:

curl -sI https://tudominio.com.ar/ | grep -iE "^(cache-control|expires|age|x-cache|cf-cache-status):"

• cache-control y expires te dicen qué instrucciones manda tu servidor.
• age indica cuántos segundos lleva guardada la copia en una caché intermedia. Si aparece, no te respondió tu servidor sino un CDN o un proxy.
• x-cache: HIT o cf-cache-status: HIT, según el CDN, confirman que la copia salió del nodo. MISS quiere decir que fue a buscarla a tu servidor.
• En el navegador, en la pestaña Red de las herramientas de desarrollo (F12), los archivos marcados como "memory cache" o "disk cache" no viajaron por la red.

Por qué ves contenido viejo y cómo limpiarlo sin errores

Cuando alguien ve la versión anterior de una página, casi siempre es porque se limpió una capa y no las demás. Si limpiás la caché del navegador pero el CDN todavía guarda la copia vieja, el navegador vuelve a bajar la vieja. Si purgás el CDN antes que el servidor, el CDN va a buscar la página y se lleva otra vez la versión vieja.

El orden correcto es de adentro hacia afuera: primero la caché del servidor (el complemento del CMS), después el CDN y al final el navegador, con Ctrl+Shift+R (Cmd+Shift+R en Mac). La solución de fondo es no depender de la limpieza: archivos con la versión en la dirección y HTML con vida corta en las cachés compartidas.

Lo que no se cachea nunca

• Cualquier respuesta a un usuario con sesión iniciada. En WordPress, la cookie wordpress_logged_in_ es la señal para saltear la caché.
• Carrito, checkout y cuenta del cliente. WooCommerce marca esas visitas con cookies como woocommerce_items_in_cart.
• Formularios que llevan un código de un solo uso contra envíos falsificados: si se cachea el formulario, todos reciben el mismo código y termina venciendo.
• Páginas que cambian según el visitante: precios por región, idioma detectado, recomendaciones personales.

¿Hace falta un CDN si tu público está en Argentina?

Menos que si fuera internacional. Con el servidor en Buenos Aires y visitantes en el país, la latencia ya es baja: pocos milisegundos dentro de la misma ciudad y algunas decenas desde el interior. Un CDN sin nodo en Argentina puede incluso sumar un salto.

Donde sí aporta es en descargar al servidor de las imágenes y los archivos estáticos, en absorber un pico de tráfico o un ataque, y en llegar rápido a visitantes de otros países. Si lo usás, fijate que tenga nodos en Buenos Aires.