La vida en palabras… Un pequeño comentario dentro de la blogosfera… o tu tip que necesitas… tu eliges

Hagamos un poco de memoria: caché con .htaccess

Es cierto que una página web se compone de varios elementos que hacen que se vea bonito, animado y tu puedas interactuar con tu página, pero tras los lindos colores y las imágenes ocupan ancho de banda para que los archivos puedan enviarse entre el servidor y tu navegador. Sí, cada vez que visitas una página en Facebook, debes recibir una y otra vez los mismos recursos que van detrás de la página (imágenes, hojas de estilos y otras bestialidades), pero para ahorrar un poco de ancho de banda, los servidores juegan a que el usuario (navegador) recuerde por un tiempo limitado los recursos que nunca cambian o que son difíciles que cambien en el tiempo (como las hojas de estilos principales).

Este proceso se llama caché, que específicamente es un proceso que se puede hacer a todo nivel de la comunicación entre el navegador y el servidor, es un procedimiento que almacena datos en los equipos y permiten que los datos que ya fueron recibidos (o creados) no sean nuevamente enviados (o regenerados) y así ahorrar ancho de banda (o tiempos de ejecución). Esta técnica permite que ahorres datos de transferencia, pero hay que saber usarla con la cabeza bien centrada.

Como la mayoría de los servidores del mundo son en Apache, usaré el .htaccess como puntapié inicial:

# Turn on Expires and set default to 0
ExpiresActive On
ExpiresDefault A0

# Set up caching on media files for 1 year (forever?)
<FilesMatch "\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav|ico)$">
ExpiresDefault A29030400
Header append Cache-Control "public"
</FilesMatch>

# Set up caching on media files for 1 week
<FilesMatch "\.(gif|jpg|jpeg|png|swf)$">
ExpiresDefault A604800
Header append Cache-Control "public"
</FilesMatch>

# Set up 2 Hour caching on commonly updated files
<FilesMatch "\.(xml|txt|html|js|css)$">
ExpiresDefault A7200
Header append Cache-Control "proxy-revalidate"
</FilesMatch>

# Force no caching for dynamic files
<FilesMatch "\.(php|cgi|pl|htm)$">
ExpiresActive Off
Header set Cache-Control "private, no-cache, no-store, proxy-revalidate, no-transform"
Header set Pragma "no-cache"
</FilesMatch>

Este archivo de .htaccess es el que uso cuando los proyectos ya están en explotación y la mayoría de los archivos css, js y demás ya no sufrirán más cambios.