En abril de este año, Google anunció oficialmente que la velocidad de carga de una página influye en el posicionamiento. Un gran factor que influye en la velocidad son justamente las imágenes. Gracias a la caché del navegador -y el cómo esté configurada- esto puede favorecernos o afectarnos, para tener control sobre esto es necesario que sepamos configurar el tiempo de expiración de imágenes en la caché.

Velocidad en internet

Si has tenido oportunidad de probar las herramientas de webmasters de Google (Google Webmasters Tools) habrás recibido la recomendación de usar extensiones como PageSpeed para medir la velocidad de carga de tu página web.

Page Speed, que es una extensión de Mozilla Firefox integrada para funcionar con Firebug, permite rankear la velocidad de carga de tu página en una escala del 1 al 100, en función a una serie de factores. Justamente uno de esos factores es el tiempo de expiración de la caché, que no solo aplica a imágenes, sino también a archivos.

Page Speed y Caché

Una conocida alerta de recomendación de Page Speed que hace referencia a elementos sin cachear es el Leverage browser caching. Esto nos disminuye un importante puntaje cuando hacemos el testeo completo con la herramienta. Sin embargo podemos darle solución con solo incluir el siguiente código en el archivo htaccess.

<ifmodule mod_expires.c>
<filesmatch "\.(jpg|JPG|gif|GIF|png|css|ico)$">
ExpiresActive on
ExpiresDefault "access plus 7 day"
</filesmatch>
</ifmodule>

Este código funciona, como pueden ver en el mismo código en la parte superior, para archivos con extensiones de imagen pero también hemos incluido la extensión del archivo de estilos para poder optimizar el CSS.

Ustedes pueden elegir el periodo de tiempo que mejor les parezca o ir haciendo pruebas (el código superior indica 7 días), aunque Google recomienda un mínimo de 31 días. Al final igual se evidenciará una notable mejora en el puntaje final de velocidad para tu página al evaluar nuevamente con el Page Speed.

Importante sobre browser caching

Deben tener en cuenta que es probable que no puedan cambiarse los tiempos de expiración de algunas imágenes, pero esto es porque se encuentran fuera de nuestro dominio. Nosotros controlamos todo lo que se encuentre almacenado en nuestro hosting, no en otros servicios como Photobucket o scripts tipo Analytics o Adsense.

Así que ya saben: Manos a la obra.

Importante: Pueden leer más información relacionada en el post de Leegar y/o ver el experimento que hizo Todotutoriales donde explican el mismo código en cuestión.

Etiquetas: , , , ,

Compartir en Facebook Compartir en Twitter

Comentarios ( 4 ) en: [Tip SEO] Configurar tiempo de expiración de imágenes en caché
  • Martin dijo:
    April 1st, 2011 at 4:32 am

    He subido ese código a mi archivo htaccess y la web no funciona da error.
    ¿alguna opinión?

  • KnxDT dijo:
    April 1st, 2011 at 10:04 am

    @Mario: Se agrega el código, no se cambia lo del htaccess, igualpara serte sincero yo no lo uso con código htaccess sino como parte de la configuración del plugin w3 Total Cache.

    Saludos 😉

  • sergio dijo:
    November 2nd, 2013 at 1:15 pm

    Disculpen mi ignorancia,
    ¿ Donde esta el htaccess ?
    en el “head” o en el “body”

  • KnxDT dijo:
    November 4th, 2013 at 11:34 am

    Hola Sergio:

    El .htaccess es un archivo oculto (por eso comienza con un puntito el nombre), listado en el directorio de la carpeta principal de tu dominio.

    Es decir: no se trata de una parte de un archivo, el .htaccess es un archivo en sí mismo donde se configuran ciertas opciones asociadas al sitio.

    Saludos.