Actualmente las imágenes se encuentran dentro del globPatterns del workbox (PWA)
Esto hace que en la primera petición que haces de la página (incluso si estás en incógnito
o tienes la cache deshabilitada) se cargue absolutamente todas las imágenes del sitio
lo cuál no creo que tenga mucho sentido para esta aplicación web en particular.
Más aún teniendo en cuenta que ya se registró una política de cacheo para las imágenes:
Sacar las imágenes (junto con los svgs) del patrón global del workbox
Capturas de pantalla (si corresponde)
Comprobación de cambios
[!NOTE]
No he podido replicar los cambios localmente debido a una configuración de middleware, pero hice
esto antes con mi sitio web personal y funcionó como esperaba
[X] He revisado que no haya ninguna PR (pull request) ya abierta con un problema similar, siguiendo el apartado de buenas prácticas
[ ] He revisado localmente los cambios para asegurarme de que no haya errores ni problemas.
[ ] He probado estos cambios en múltiples dispositivos y navegadores para asegurarme de que la landing page se vea y funcione correctamente.
[ ] He actualizado la documentación, si corresponde.
Descripción
Actualmente las imágenes se encuentran dentro del
globPatterns
del workbox (PWA)Esto hace que en la primera petición que haces de la página (incluso si estás en incógnito o tienes la cache deshabilitada) se cargue absolutamente todas las imágenes del sitio lo cuál no creo que tenga mucho sentido para esta aplicación web en particular.
Más aún teniendo en cuenta que ya se registró una política de cacheo para las imágenes:
https://github.com/midudev/la-velada-web-oficial/blob/88e67821ee0bbe3b4727fb9671da0c611cca2ad5/astro.config.ts#L47-L57
Problema solucionado
Cambios propuestos
Capturas de pantalla (si corresponde)
Comprobación de cambios
Impacto potencial
Reducir la carga inicial considerablemente
Contexto adicional
Enlaces útiles