Optimizar caché de navegador editando .htaccess en sitio web con apache

Si tu servidor de alojamiento web es apache puedes mejorar la velocidad de tu sitio estableciendo el tiempo de la caché insertando dentro del archivo htaccess de la raíz de tu aplicación web:

# Optimización caché navegador
<FilesMatch "\.(ico|pdf|flv|jpg|JPG|jpeg|png|gif|js|css|swf)$">
Header set Expires "Wed, 15 Apr 2020 20:00:00 GMT"
Header set Cache-Control "public"
</FilesMatch>


En estas líneas lo que estamos estableciendo es habilitar la caché para los ficheros que contienen las extensiones indicadas "\.(ico|pdf|flv|jpg|JPG|jpeg|png|gif|js|css|swf)$". En el ejemplo se indica también el tiempo en el que expirará la caché para los archivos indicados: el miércoles 15 de abril del 2020 a las 20:00 horas.

Optimizar caché de navegador editando web.config en sitio web con IIS

Si tu servidor de alojamiento web es IIS puedes mejorar la velocidad de tu sitio estableciendo el tiempo de la caché insertando dentro de <system.webServer> del archivo web.config de la raíz de tu aplicación web:

<staticContent>
      <clientCache cacheControlMode="UseMaxAge" cacheControlMaxAge="7.00:00:00" />
</staticContent>

Donde cacheControlMode puede tomar los valores:

• "NoControl": no se establece un tipo de caché para el sitio, con lo que tomará los valores globales de configuración heredados.
• "DisableCache": caché deshabilitada para el sitio.
• UseMaxAge: se especifica una edad de expiración de la caché en el parámetro cacheControlMaxAge en días, horas, minutos y segundos (d.hh:mm:ss)
• UserExpires: indica la fecha exacta de expiración de la caché.