Foros del Web » Creando para Internet » HTML »

HTML Movil

Estas en el tema de HTML Movil en el foro de HTML en Foros del Web. Hola, valide mi código Html y paso la prueba sin problemas, pero al validarlo para Movil llego hasta el 89%. El error en rojo ,es ...
  #1 (permalink)  
Antiguo 25/02/2012, 10:57
Avatar de iLChopper  
Fecha de Ingreso: julio-2011
Mensajes: 80
Antigüedad: 13 años, 3 meses
Puntos: 0
HTML Movil

Hola, valide mi código Html y paso la prueba sin problemas, pero al validarlo para Movil llego hasta el 89%.
El error en rojo ,es el que quiero arreglas y dice esto:

Cita:
The document is served without caching information ("Expires" or "Cache-Control" header)




Espero que me puedan decir como arreglarlo.
  #2 (permalink)  
Antiguo 25/02/2012, 12:49
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 5 meses
Puntos: 1567
Respuesta: HTML Movil

Supongo que estás usando
W3C mobileOK Checker, basicamente te dice que no estás pasando información de como y durante cuanto tiempo se cachea una página/recurso, dicha información debería ser explicita. Para conseguirlo podés usar el archivo .htaccess de Apache (si usas ese software en el server)
por ejemplo

Código Apache:
Ver original
  1. Header unset ETag
  2. FileETag None
  3. # 1 año
  4. <FilesMatch "\.(ico|pdf|flv)$">
  5. Header set Cache-Control "max-age=29030400, public"
  6. ExpiresDefault "access plus 1 years"
  7. </FilesMatch>
  8.  
  9. # 2 meses
  10. <FilesMatch "\.(jpg|jpeg|png|gif|swf)$">
  11. Header set Cache-Control "max-age=4838400, public"
  12. ExpiresDefault "access plus 2 months"
  13. </FilesMatch>
  14.  
  15. # 1 semana
  16. <FilesMatch "\.(xml|txt|css|js)$">
  17. Header set Cache-Control "max-age=604800, public"
  18. ExpiresDefault "access plus 1 weeks"
  19. </FilesMatch>
  20.  
  21. # 30 minutos
  22. <FilesMatch "\.(html|htm|php)$">
  23. Header set Cache-Control "max-age=1800, private, proxy-revalidate, no-transform"
  24. ExpiresDefault "access plus 30 minutes"
  25. </FilesMatch>

Los valores de max-age se indican en segundos y con filesMatch manejas a que extensiones de archivo le asignas cada valor

Validá esta página como ejemplo
http://emprear.com/mov/mov-basic.html

Desde yá, que este tipo de valoración por parte de los validadores, no debe siempre tomarse al pié de la letra, hay que analizar cada caso en particular. Imaginate que tu aplicación es completamente dinámica y está hecha con php. Por lo cual necesitas siempre "un contenido fresco" de la misma, lo correcto en ese caso sería que tu php no se almacene bajo ningún concepto en la cache, lo cual se logra, también usando .htaccess

Código Apache:
Ver original
  1. <FilesMatch "\.(php)$">
  2. Header unset Cache-Control
  3. Header unset Expires
  4. Header unset Last-Modified
  5. FileETag None
  6. Header unset Pragma
  7. </FilesMatch>

Si ese fuera el caso, jamás alcanzarías el 100% para la validación, pero desde el punto de vista del funcionamiento sería 100% correcta, que es lo que en definitiva debe ineresarte.

En el caso de no disponer de .htaccess, podés hacerlo con php y la función headers();

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.

Última edición por emprear; 25/02/2012 a las 17:12

Etiquetas: movil
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:09.