Si bien hay muchos blogs, preguntas y respuestas de stackoverflow sobre el CÓMO , ¡no he encontrado ni un solo rastro del POR QUÉ / CUÁNDO ! Y es bastante justo que la mayoría de la gente sepa el por qué, pero NO todas las personas.
Si bien puede haber muchas razones detrás de estos problemas mencionados anteriormente, como un error en el software o la incompatibilidad del navegador con un nuevo componente, etc. resoluciones es: "ACTUALIZAR PÁGINA DIFÍCIL" !
¿Pero por qué? (Vea abajo)
Los navegadores almacenan en caché CSS, JS y otros archivos para mejorar el tiempo de carga de las aplicaciones web y sus páginas relevantes. Dependiendo de cómo se implemente el sitio web cuando se agregue una nueva versión de JS, CSS y la diferencia en forma y forma con la versión anterior del archivo. La nueva parte de la página está llamando o interactuando con una versión anterior del archivo que está almacenado en caché en el navegador. Esto da como resultado un comportamiento inconsistente.
En los viejos tiempos del desarrollo de aplicaciones web, las páginas tenían archivos JavaScript y CSS más pequeños si eran lo suficientemente interesantes como para ir más allá de las páginas HTML básicas. También páginas almacenadas en archivos HTML separados. Y el navegador cargaría una aplicación de página completamente nueva al hacer clic en un nuevo enlace.
En las aplicaciones web modernas, el cambio fue hacia las aplicaciones de una sola página. Son aplicaciones donde tienes una sola página que se encarga de cargar sobre el contenido. Todos los sitios web modernos (por ejemplo, Facebook, Netflix, etc.) se han creado utilizando la nueva técnica.
En las aplicaciones de una sola página, la misma página tiene archivos JS y CSS grandes adjuntos. Eso significa que, a pesar de la mejora masiva en nuestra velocidad de Internet, será ineficiente que el navegador cargue toda la página única y todos sus archivos JS, CSS, IMG cada vez que el usuario actualice. Al almacenar en caché estos archivos, eso significa que el navegador ahora solo necesita cargar contenido de datos nuevos en la página. Esto da como resultado una experiencia de usuario mucho mejor.
La desventaja de esto fue cuando se lanzó un nuevo archivo JS o CSS y el navegador todavía usaba el antiguo archivo JS o CSS. Afectaría la lógica comercial o el diseño de manera impredecible. Es por eso que los navegadores introdujeron una opción de ACTUALIZACIÓN DE PÁGINA DIFÍCIL para permitir que la carga de una aplicación de una sola página se obligue a cargar desde el servidor backend en lugar de la memoria caché.
Si este tema le interesa, puede leer más sobre las mejores prácticas sobre cómo configurar su aplicación de una sola página para garantizar que cada vez que publique un nuevo JS o CSS o incluso imágenes, los navegadores vuelvan a cargar el contenido y no usen el activos en caché.