caching - recursos - como aprovechar el almacenamiento en cache
Cómo aprovechar el almacenamiento en caché del navegador en el alojamiento de Firebase (1)
Acabo de hacer mi sitio web de cartera 99/100.
Google dice:
Recomendamos un tiempo de caché mínimo de una semana y preferiblemente hasta un año para los activos estáticos.
"headers": [ {
"source" : "**/*.@(eot|otf|ttf|ttc|woff|font.css)",
"headers" : [ {
"key" : "Access-Control-Allow-Origin",
"value" : "*"
} ]
}, {
"source" : "**/*.@(js|css)",
"headers" : [ {
"key" : "Cache-Control",
"value" : "max-age=604800"
} ]
}, {
"source" : "**/*.@(jpg|jpeg|gif|png)",
"headers" : [ {
"key" : "Cache-Control",
"value" : "max-age=604800"
} ]
}, {
// Sets the cache header for 404 pages to cache for 5 minutes
"source" : "404.html",
"headers" : [ {
"key" : "Cache-Control",
"value" : "max-age=300"
} ]
} ]
Use esto, me funciona.
He alojado mi blog personal en la base de fuego de Google. Mi blog está basado en jekyll. Firebase proporciona el archivo firebase.json desde donde el propietario del proyecto puede modificar el encabezado http.
Tengo mis archivos css https://blogprime.com/assets/css/init.css y mis fuentes en https://blogprime.com/assets/font/fontname.woff (el control de caché http no funciona)
Mis imágenes se almacenan dentro de :: https://blogprime.com/assets/img/imagename.entension (trabajo de control de caché http).
Aunque ambas imágenes y css, las fuentes son dos dir profundas desde la raíz.
Ahora aquí está mi código de archivo .json ...
{"hosting":
{"public": "public",
"headers": [
{"source" : "**/*.@(eot|otf|ttf|ttc|woff|css)",
"headers" : [
{"key" : "Access-Control-Allow-Origin",
"value" : "*"}]
},
{"source" : "**/*.@(jpg|jpeg|gif|png)",
"headers" : [
{"key" : "Cache-Control",
"value" : "max-age=30672000"
}]
},
{"source" : "404.html",
"headers" : [
{"key" : "Cache-Control",
"value" : "max-age=300"
}]
}]
}
}
Antes de agregar esto mis imágenes y todo tenía una duración de 1 hora de caché ... pero ahora solo mis archivos css junto con los archivos de fuentes tienen una vida útil de caché de 1 hora.
¿Puede decirme cómo solucionar el "Caché de navegador de palanca" para mis archivos CSS? Creo que es un problema con la estructura del enlace de directorio que tengo "fuente": " /*.@(eot|otf|ttf|ttc|woff|css)",**. Realmente no sé cómo solucionarlo.
Puede consultar la prueba de velocidad de las páginas de Google ..