Sabemos  la importancia que da Google a la optimización de las páginas web para que estas sean rápidas en el momento de la carga en el explorador del usuario que las visita. De hecho en el mismo Webmaster Tools (Herramientas para Web Máster) de Google ya existe un apartado que nos muestra como  califica la velocidad de nuestro sitio, y nos proporciona una herramienta llamada “Page Speed”que trabaja con Firebugpara Firefox, con la cual podemos correr un diagnostico de la velocidad de carga de cualquier sitio web, lo más importante de esta herramienta es que nos dice en qué puntos estamos fallando y nos proporciona una calificación de 1 a 100 en donde 100 es una página optimizada en su totalidad y 1 una nada optimizada, les aconsejo que no se esfuercen mucho en lograr una calificación de 100 ya que ni el mismo Google la tiene en su sitio, pero es recomendable buscar una calificación superior a 80.

Son muchas las variables que se tienen que tomar en cuenta para lograr una calificación alta entre las que destacan, la optimización en el peso de las imágenes, la integración de los CSS y archivos Java Script, y la compresión gzip para nuestro sitio, esto por mencionar algunos ya que es algo extensa la lista de puntos que toma en consideración este diagnostico.
En este artículo vamos a compartir una forma de optimizar nuestra web en uno de los puntos de diagnostico que se refiere a fijar el tiempo de cache para las imágenes, CSS y Java Script, fijando un expiración de cache  de 1 semana como lo recomienda la herramienta  “Page Speed” en el punto de diagnostico “Leverage browser caching

Esto se resuelve colocando las siguientes  líneas en el archivo .htaccess
ExpiresActive On
ExpiresByType image/ico A15552000
ExpiresByType image/gif A31556926
ExpiresByType image/png A31556926
ExpiresByType image/jpg A31556926
ExpiresByType image/jpeg A31556926
ExpiresByType text/javascript A31556926
ExpiresByType text/css A31556926
<FilesMatch “\.(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf)$”>
Header set Cache-Control “max-age=31556926, public”

Después de colocar estas líneas en el .htaccess de tu sitio podrás revisar nuevamente en la herramienta de diagnostico de velocidad “Page Speed” y notaras que el punto “Leverage browser caching” lo marcará  como aprobado marcándolo en color verde.
Espero que les sea de ayuda y como siempre esperamos sus comentarios.

Recursos

  • Firebug: https://addons.mozilla.org/es-ES/firefox/addon/1843/
  • Page Speed: http://code.google.com/intl/es-MX/speed/page-speed/
  • Webmaster Tools (Herramientas para Web Máster)  de Google:http://www.google.com/webmasters/tools?hl=es