Optimizando nuestra web (X): Caché

Hay dos tipos de contenido que se sirven en una página web: el estático (no se modifica) y el dinámico (cambia). Supongo que ya sabrás por donde van los tiros, pero por si acaso te lo digo: vamos a hacer que lo que no cambia se actualice cada mucho y lo que cambia cada poco.

Para ello hay muchas maneras de hacerlo, con diversos módulos de Apache y mediante Javascript, pero la mejor forma desde mi punto de vista es con un fichero .htaccess específico para cada sitio web.

Tras el salto os dejo un ejemplo de caché selectivo con según que archivos, podéis modificarla a vuestro gusto y manera.

En el htaccess:

<IfModule mod_expires.c>
# 1año
<FilesMatch ".(ico|pdf|flv)$">
Header set Cache-Control "max-age=29030401, public"
</FilesMatch>
# 1semana
<FilesMatch ".(jpg|jpeg|png|gif|swf|xml|txt|css|js|mp4|ogg|ogv)$">
Header set Cache-Control "max-age=604801, public"
</FilesMatch>
# 1minuto
<FilesMatch ".(html|htm|php)$">
Header set Cache-Control "max-age=61, private, proxy-revalidate"
</FilesMatch>
</IfModule>

<IfModule mod_expires.c># 1año<FilesMatch ".(ico|pdf|flv)$">Header set Cache-Control "max-age=29030401, public"</FilesMatch># 1 semana<FilesMatch ".(jpg|jpeg|png|gif|swf|xml|txt|css|js|mp4|ogg|ogv)$">Header set Cache-Control "max-age=604801, public"</FilesMatch># 1minuto<FilesMatch ".(html|htm|php)$">Header set Cache-Control "max-age=61, private, proxy-revalidate"</FilesMatch></IfModule>

Artículos relacionados

30 Sitios webs que usan sliders

Optimizando nuestra web (IX): Selectores CSS

40 Portfolios más para tu inspiración