Estoy analizando mi sitio web con algunas herramientas como por ejemplo validator.w3 entre otras para obtener una ejecución mucho más rápida del sitio web sin errores o demoras de ejecución.
La herramienta de Google PageSpeed Insights me indica que debo especificar caché de navegador mostrando el siguiente mensaje de aviso.
Especificar caché de navegador Establecer una fecha de caducidad o una edad máxima en las cabeceras HTTP de los recursos estáticos indica al navegador que cargue los recursos descargados previamente del disco local en lugar de hacerlo a través de la red.
Me detalla un sin números de cosas por corregir, basándose al tema me indica en cada imagen / css / js que debo especificar el cache en cada uno de ellos.
Buscando en Stack Overflow entre otros artículos indican un ejemplo como este:
<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 10 days"
ExpiresByType text/css "access plus 1 week"
ExpiresByType text/plain "access plus 1 week"
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
ExpiresByType image/x-icon "access plus 3 months"
ExpiresByType application/x-javascript "access plus 1 month"
ExpiresByType application/javascript "access plus 1 week"
ExpiresByType text/javascript "access plus 1 week"
ExpiresByType application/x-icon "access plus 3 months"
</IfModule>
Ahora sí la especificación del caché se basa aquel ejemplo tendría un .htaccess demasiado extenso tengo demasiadas imágenes en el sitio web.
Encontré otro ejemplo en SO Inglés mucho más optimizado y muy sencillo el ejemplo, pero no se si sea valido.
<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 1 year"
<IfModule mod_headers.c>
<FilesMatch "\.(bmp|css|flv|gif|ico|jpg|jpeg|js|pdf|png|svg|swf|tif|tiff)$">
Header set Last-Modified "Mon, 31 Aug 2009 00:00:00 GMT"
</FilesMatch>
</IfModule>
Tengo un directorio de archivos js/css/img
estructurado de esta manera: assets/css/style.css
Mientras tanto mi .htaccess
# Activamos mod_rewrite
RewriteEngine on
# Seleccionamos el directorio base para el RewriteRule
RewriteBase /project/
# Aquí nos evitamos comprobar que sea un archivo (agrego comprobación
# para detectar también directorio) en cada conjunto de reglas
RewriteCond %{REQUEST_FILENAME} -d [OR]
RewriteCond %{REQUEST_FILENAME} -f
RewriteRule ^(.*)$ $1 [QSA,L]
# Obtenemos todo lo que vaya tras "assets/" y subdirectorios previstos
RewriteCond %{REQUEST_URI} assets/(css|fonts|js|img)/(.+)$
# Entonces (si se cumplen todas las condiciones) redirigimos (R)
# y dejamos de evaluar el resto de reglas (L)
RewriteRule ^(.*)$ assets/%1/%2 [L,R]
# Tu/s regla/s
RewriteRule ^online-video-en-hd-gratis/?$ video.php [L,NC,QSA]
RewriteRule ^online/video/hd/free/?$ online.php [L,NC,QSA]
¿Ahora mi pregunta es? Cómo especificar caché de navegador de una forma más optimizada.
.htaccess
?http://example.com/assets/css/app.css (no se ha especificado el tiempo de expiración
igualmenetehttp://example.com/assets/js/jquery.min.js (no se ha especificado el tiempo de expiración)
y así sucesivamnete los archivos PNG|.JPG|.SVG|.TTF|.htaccess
o otra forma de especificar..htaccess
? sería importante porque tengo más de 180 errores y basándome al primer ejemplo al realizarlo de esa misma manera sería un.htaccess
demasiado extenso... Ahora en el segundo ejemplo que encontré al parecer es mucho más mejor pero el problema es que no se si sea valido amigo para Especificar caché de navegador.