HTML5 localStorage-für Vermögenswerte (stylesheets, JavaScript, Bilder etc.)

Question

Sparen Sie client-download-Zeit-und Netzwerk-Auslastung, ist es möglich, die localStorage-Funktion von HTML5 zum speichern auf die Inhalte der verknüpften stylesheets, javascript-Dateien und binäre Daten (z.B.Bilder), als schlagen Sie den server jedes mal?

Würde, dass nur die Dinge zu komplizieren, weil ich angenommen, Sie würde haben zu fügen Sie der verknüpften asset über JavaScript und nicht nur eine script oder link element, brechen Sie die Seite, für diejenigen, die ohne aktiviertes JavaScript)?Es sei denn, Sie analysieren den Inhalt (mit HEAD angefordert, um zu überprüfen Datum der letzten änderung und andere Header), bevor Sie die browser-downloads, die es.

Oder am besten einfach zu stick mit 304 Not Modified und eTag - Header?

Answer 1

Ich denke, in diesem Fall sollten Sie offline Caching betrachten:

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

Sie können auch Benutzereingabedaten in localstorage oder session speichern:

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

Verwenden Sie keine globalStorage (kein Standard).

Ich habe einen Artikel über offline geschrieben finden Sie unter: http: // hacks.mozilla.org/2010/01/offline-web-applications/

Es geht um offline, aber ein solcher Mechanismus verwendet werden kann, Ihre Web-App zu steigern.

Answer 2

Sie konnte base64 encode Ihre Bild/binary-Daten und speichern Sie es als Zeichenfolge in localStorage, mithilfe der base64-urls funktionieren nicht in ein paar Browser so es ist keine perfekte Lösung.

CSS und js wäre in Ordnung, können Sie schreiben Sie Sie in die Seite, oder verwenden Sie ein base64-url auch.

Ich würde nicht sorgen über das tun diese brechen die Website für nicht-JS-Benutzer, wie JS deaktiviert ist, die Sie cant access localStorage sowieso.