Mejora la velocidad de tu página web usando la caché

Algo que mucha, pero muchas webs ignoran es el tratamiento de la caché. Cuando se carga una web se descargan archivos. Y esos archivos descargados el navegador los visualiza para nosotros. Los archivos descargados pueden guardarse en la caché, evitando que el navegador los recargue de nuevo al volver a visitar esa página. Lo ideal es decirle al navegador cómo usar la caché, es decir, decirle qué archivos recargar y qué archivos dejar igual. Las imágenes, por ejemplo, podemos dejarlas en caché durante 1 semana. El contenido (archivos .html, .php y similares) podemos recargarlos, por ejemplo, cada minuto. Depende de la frecuencia de actualización y del tipo de web que queramos gestionar configuraremos la caché con una u otra frecuencia.

Se puede usar php para indicar tratamientos de caché, pero yo prefiero usar .htaccess y que toda la web siga el mismo tratamiento. Si alguna página necesita un cacheado especial se lo indico y listo. Os dejo un ejemplo de configuración básico de caché de un archivo .htaccess

Apache .htaccess caching code

# 1 YEAR
< ".(ico|pdf|flv)$">
Header set Cache-Control "max-age=29030400, public"
</>
# 1 WEEK
< ".(jpg|jpeg|png|gif|swf)$">
Header set Cache-Control "max-age=604800, public"
</>
# 2 DAYS
< ".(xml|txt|css|js)$">
Header set Cache-Control "max-age=172800, proxy-revalidate"
</>
# 1 MIN
< ".(html|htm|php)$">
Header set Cache-Control "max-age=60, private, proxy-revalidate"
</>

Para más información os recomiendo visitar esta página, de donde he copiado la configuración anterior y donde tenéis mucha más información sobre cómo usar apache para configurar la caché.

4 pensamientos sobre “Mejora la velocidad de tu página web usando la caché”

  1. Tendré que mirarlo, por que me parece que no lo hace.

    Por cierto, no sé si será casualidad o no, pero desde que puse eso en el .htacces los pdf para las pegatinas me salen siempre igual 😛 he quitado el código del .htaccess y estoy mirando como limpiar la caché en firefox.

    Salu2 :)

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>