¿Cómo hacer que las imagenes queden en cache del disco?

[Hokuten]

Buena a todos.

Verán estoy armando un sitio donde el 50% de las imagenes estan en el landing page, luego en cualquiera de las otras paginas se cargan el 50% restantes de imagenes.

Es muy importante que las imagenes se guarden en cache del disco, por que el sitio es 90% imagenes, entonces esto para el usuario y el servidor sería muy liviano.

Resulta que el problema es que no tengo ni la menor idea de ¿cómo guardar imagenes en la cache del disco del usuario?

Saludos,

[Tedel]

Pista: Averigua sobre modificaciones en el .htaccess

[Hokuten]

Bien.

Cree un .htaccess en raiz del directorio donde tengo el sitio (estoy en localhost) y la agregue esto:

Código:

# 1 AÑO
<FilesMatch "\.(ico|pdf|flv)$">
Header set Cache-Control "max-age=29030400, public"
</FilesMatch>
# 1 SEMANA * 2
<FilesMatch "\.(jpg|jpeg|png|gif|swf)$">
Header set Cache-Control "max-age=604800, public"
</FilesMatch>
# 2 DIAS
<FilesMatch "\.(xml|txt|css|js)$">
Header set Cache-Control "max-age=172800, proxy-revalidate"
</FilesMatch>
# 1 MINUTO
<FilesMatch "\.(html|htm|php)$">
Header set Cache-Control "max-age=60, private, proxy-revalidate"
</FilesMatch>

Solo multiplique el tiempo de cache de imagenes al doble.

La info la saque de: http://www.tufuncion.com/cache-web

¿Lo hice bien? ¿Cómo lo compruebo? ¿Se aplica a todos los html del sitio?

[Hokuten]

Nota: Por cierto, con Yslow no me toma todavia la expiración/cache de las imagenes, entre otros items...

[emprear]

Hokuten:

Por defecto, los navegadores cachean todas las imágenes, asi que no tendrías que agregar nada.

Lo que si podrías hacer con .htaccess es evitar que determinados elementos se cacheen, o que el browser deba buscarlas en la cache durante determinado tiempo

Algo mas avanzado, se puede conseguir con html5
lee esto http://www.topicosweb.com/2010/09/ca...line-en-html5/

Igual siempre estas expuesto al borrado del cache local por parte del usuario, de manera manual o utilizando herramientas como el Ccleaner, que es de uso bastante comun

Saludos

[Hokuten]

Muchas Gracias emprear!

Con respeto al tiemp de expiracion ¿como lo manejo? ¿es obligatorio?

Nuevamente, muchas gracias.

[emprear]

Hokuten:
hay muchas variantes para esto, todo depende del objetivo a lograr, como tu post original se refiere concretamente a imágenes, es correcto el código que vos pusiste.
En este caso max-age es el valor que maneja el tiempo de validez de la petición enviada, obviamente, es obligatorio, porque justamente eso es lo que deseas hacer.



Solo le haria el agregado de incluir la directiva dentro de

Código Apache:

<IfModule mod_headers.c>
# directivas para control de cache
</IfModule>
 

Esto es siempre recomendable ya que si en el server no estuviese habilitado el mod_headers.c, el servidor generaría un error. el valor de max-age , como se observa está expresado en segundos y podes cambiarlo a tu gusto, y podes también agregar extensiones separandolas con el signo de canalización |.
Resumiendo te quedaría, para los formatos de imágen más comunes

Código Apache:

<IfModule mod_headers.c>
# 1 año
<FilesMatch "\.(ico|gif|jpg|jpeg|png)$">
  Header set Cache-Control "max-age=29030400, public"
</FilesMatch>
</IfModule>
 

Saludos