html、javascript、およびcssファイルをhtml5ローカルストレージに保存する方法はありますか?
Webアプリケーションを高速化したい!
ありがとう
html、javascript、およびcssファイルをhtml5ローカルストレージに保存する方法はありますか?
Webアプリケーションを高速化したい!
ありがとう
これには、localStorage ではなく Application Cache を使用します。
CSS/JS ファイルに HTML5 ローカル ストレージを使用せず、キャッシュします。
これは最善の解決策ではありませんが、ほとんどのインターフェイスをローカル ストレージにキャッシュすることができます。Christian Heilmann は、2010 年の 24Ways 記事で多くのアイデアについて議論しました。あなたが考えている線に沿った完全な例については、このスクリーンキャストをご覧ください。
画像をローカル ストレージにキャッシュするには、最初に画像をBase 64 でエンコードする必要があることに注意してください。
ローカル ストレージに格納する代わりに、クライアント側とサーバー側でキャッシュを使用することをお勧めします。この方法では、更新するタイミングを制御できます (キャッシュを無効にする)。CDN を使用して、画像、js、css などの静的コンテンツを配信することも検討できます。
絶対に使えます。
ファイルが変更されたかどうかを確認するようにブラウザーのキャッシュを構成すると、ファイルが要求され、CDN は 304 ステータス コードで応答します。これは、ブラウザー キャッシュ内のファイルを使用できることを意味します。ただし、これにはまだ HTTP リクエストが必要です。etag または expires を使用することもできるので、そうしません。
ただし、ヘッダーを制御できないサイトから外部ファイルをロードする場合があります。その場合、http 要求と 304 応答がない場合は、ローカル ストレージを使用して時間を節約できます。
ローカル ストレージは、データ オブジェクト (json) または文字列や数値などの単一の値を格納することを優先する必要があるキー値ストアです。表現レイヤーを内部に保存しないでください。