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

Question

Para ahorrar tiempo de descarga del cliente y el uso de la red, es posible utilizar la función de almacenamiento local de HTML5 a los contenidos del almacén de hojas de estilo vinculadas, archivos javascript y datos binarios (por ejemplo, imágenes), en lugar de golpear al servidor cada vez?

¿Eso acaba de complicar las cosas - ya que supongo que tendría que agregar el activo unido a través de JavaScript en lugar de sólo 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 pidió para comprobar la última fecha de modificación y otras cabeceras) antes de que las descargas del navegador ella.

O mejor simplemente palo con cabeceras 304 Not Modified y eTag?

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 almacenar los datos de entrada del usuario en el almacenamiento local o sessionStorage:

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

No utilice globalStorage (no 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

Se podría base64 codificar su imagen / datos binarios y almacenarlo como una cadena en localStorage, usando URLs base64 no funciona en unos pocos navegadores así que no es una solución perfecta.

CSS y JS estaría bien, usted podría escribirlos en la página, o utilizar una URL base 64 también.

yo no se preocupe por hacer esto rompiendo el sitio para usuarios no JS, como es JS está desactivado que no puede localStorage el acceso de todos modos.