Almacenamiento en caché y ventajas
El caché del navegador puede almacenar temporalmente algunos archivos, por lo que no es necesario volver a descargar estos archivos cuando la página cambia o la misma página se vuelve a cargar. El servidor puede configurar el encabezado para indicarle al navegador que almacene estos archivos dentro de un cierto período de tiempo. Esto no solo acelerará enormemente el sitio, sino que también ahorrará su ancho de banda.
Problemas de almacenamiento en caché
Sin embargo, cuando los desarrolladores modifican el sitio, puede traer algunos problemas: algunos usuarios aún pueden acceder a los archivos antes de la modificación. Esto hará que esos usuarios usen funciones anteriores o visiten un sitio roto (cuando los elementos de la página representados por el servidor se eliminan, mueven o cambian de nombre, esos archivos CSS y JavaScript en caché operarán en estos elementos Error)
Solución
La clave para resolver el caché es forzar al navegador a descargar el último archivo. Esto solo necesita dar un nombre nuevo a esos archivos antiguos o modificar el encabezado del servidor.
Una técnica relativamente simple y de uso común es agregar una cadena de consulta al final del archivo para obligar al navegador a descargar el nuevo archivo nuevamente. Como se muestra a continuación:
src="js/script.js"
src="js/script.js?v=2"
Expandir
- El encabezado del servidor está configurado en ETag
- Trabajadores de servicio Storage Almacenamiento en caché
- La velocidad del sitio web afectará en gran medida la puntuación de SEO
- El almacenamiento en caché y los nombres son aclamados como dos problemas principales en la programación
- Los proyectos que usan webpack ya han resuelto este problema automáticamente a nivel de marco.
