LocalStorage HTML5 para activos (hojas de estilo, JavaScript, imágenes, etc.)

Question

Para ahorrar tiempo de descarga y uso de red del cliente, ¿es posible usar la característica localStorage de HTML5 para almacenar contenidos de hojas de estilo vinculadas, archivos javascript y datos binarios (por ejemplo, imágenes), en lugar de golpear el servidor cada vez?

Eso solo complicaría las cosas, ya que supongo que tendría que agregar el elemento vinculado a través de JavaScript en lugar de solo un elemento script o link, rompiendo la página para los que no tienen JavaScript habilitado)? A menos que pueda analizar el contenido (utilizando HEAD solicitado para verificar la fecha de la última modificación y otros encabezados) antes de que el navegador lo descargue.

O mejor solo para pegar con 304 Not Modified y eTag encabezados?

Answer 1

Creo que en este caso se debe considerar caché sin conexión:

• https://developer.mozilla.org/en/Offline_resources_in_Firefox#Specifying_a_cache_manifest

También puede introducir datos almacén de usuarios en localStorage o sessionStorage:

• https://developer.mozilla.org/en/DOM/Storage#sessionStorage
• https://developer.mozilla.org/en/DOM/Storage#localStorage

No utilice globalStorage (no es un estándar).

He escrito un artículo acerca de conexión, consulte: http://hacks.mozilla.org/2010/01/offline-web-applications/

Se trata de fuera de línea, pero tal mecanismo puede ser utilizado para impulsar su aplicación web.

Answer 2

Puede base64 codificar su imagen/datos binarios y almacenarla como una cadena en localStorage, utilizando urls base64 no funciona en algunos navegadores, por lo que no es una solución perfecta.

CSS y js estarían bien, podría escribirlos en la página, o utilizar una url base64 también.

No me preocuparía hacer esto rompiendo el sitio para usuarios que no son JS, ya que JS está deshabilitado, no puedes acceder a localStorage de todos modos.