Enlaces Patrocinados:
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é.
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.
Términos relacionados:
- tiempo cache imagenes
- cachear imagen css
- caducidad cache web css
- caducidad imagen html
- css cachear imagenes
Etiquetas: código CSS, optimizar CSS, Page Speed, SEO en Blogger, Tip SEO, velocidad de carga
December 1st, 2010 at 5:47 pm
Configurar tiempo de expiración de imágenes en caché http://dlvr.it/9XWDm
Este comentario fue originalmente publicado en Twitter
December 1st, 2010 at 6:01 pm
[Tip SEO] Configurar tiempo de expiración de imágenes en caché http://bit.ly/fY9Md9 #CulturaTecno
Este comentario fue originalmente publicado en Twitter
December 1st, 2010 at 8:57 pm
[Tip SEO] Configurar tiempo de expiración de imágenes en caché http://bit.ly/fGsgbe
Este comentario fue originalmente publicado en Twitter
December 2nd, 2010 at 1:11 pm
RT @KnxDT: [Tip SEO] Configurar tiempo de expiración de imágenes en caché http://t.co/binUwrb
Este comentario fue originalmente publicado en Twitter
December 2nd, 2010 at 4:19 pm
#reader: [Tip SEO] Configurar tiempo de expiración de imágenes en caché: En abril de este año, Google… http://bit.ly/i3EO4s | #w_aleph
Este comentario fue originalmente publicado en Twitter
December 2nd, 2010 at 5:54 pm
[Tip SEO] Configurar tiempo de expiración de imágenes en caché http://bit.ly/gzhx93
Este comentario fue originalmente publicado en Twitter
December 3rd, 2010 at 11:00 am
[Truco SEO] Configurar tiempo de expiración de imágenes en caché http://ow.ly/3ivvR
Este comentario fue originalmente publicado en Twitter
December 6th, 2010 at 8:17 am
[Tip SEO] Configurar tiempo de expiración de imágenes en caché http://ff.im/-uIQZ4
Este comentario fue originalmente publicado en Twitter
January 19th, 2011 at 9:47 am
Como Configurar tiempo de expiración de imágenes en caché.
http://bit.ly/ef6Rpa
Este comentario fue originalmente publicado en Twitter
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?
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