僕の考えた最強のService Workerキャッシュ戦略で爆速サービスを作った - Qiita
はじめに 聖地の写真を共有するサービス「Holy Place Photo」にService Workerによるキャッシュを実装しました。 そのためネットワークがオフラインでも下記のようにサクサク動きます!!!! Service Worker Demo pic.twitter.com/t04xSRl7B2 — tiwu (@tiwu_official) 2019年2月25日 また、LighthouseのPWAのスコアは100を取れました。 この記事ではService Workerを利用したキャッシュの設計、Laravel + Vue.jsのWebアプリケーションでの実装を解説していきたいと思います。 注意書き 僕の考えた最強のService Workerのキャッシュの設計のため唯一の正解ではありません キャッシュの設計はサービスによって違うと思うのでこの記事は一つの参考にしてください まずS
PWAにおけるキャッシュの更新方法
PWAで一番厄介な問題と言えばキャッシュではないでしょうか。開発中などで、キャッシュを更新したい時にできなかったり、キャッシュを読み込んでしまって修正が反映されずにバグ解決に時間を取られるかも知れません。 そこでちょっとしたTipsを紹介します。 Service Worker登録時の工夫 それは registration.onupdatefound を仕込んでおくということです。このメソッドはService Workerが更新されているかどうかを検知してくれます。もし更新されている場合は、updateメソッドを使って更新できます。 This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, o
Redis を LRU キャッシュとして使う — Redis Documentation (Japanese Translation)
Redis を LRU キャッシュとして使う¶ Redis をキャッシュとして使う際、新しいデータを追加するときに自動的に古いデータを追い出すようにできると便利です。この振る舞いは、人気の高い memcached システムのデフォルトの振る舞いであるため、開発者の間では非常によく知られています。 LRU は、実際にはエビクション・メソッドのひとつにすぎません。このページでは Redis のメモリ使用量を制限するための ‘maxmemory’ ディレクティブについて、より一般的なトピックを扱います。また、Redis で使用されている LRU アルゴリズムについても扱います。Redis の LRU アルゴリズムは、実際には正確な LRU ではなく、その近似です。 メモリ設定のためのディレクティブ¶ ‘maxmemory’ ディレクティブは、データセットに対して指定された量のメモリを使用するよう
CloudFront がオブジェクトの部分的リクエスト (レンジ GET) を処理する方法 - Amazon CloudFront
大きなオブジェクトの場合、ビューワー (ウェブブラウザまたはその他のクライアント) は、複数のGET リクエストを実行し、Range リクエストヘッダーを使用して、小さいパートでオブジェクトをダウンロードできます。Range GET リクエストとも呼ばれるこのバイト範囲のリクエストでは、部分的なダウンロードの効率、および部分的に失敗した転送からの回復の効率が向上します。 CloudFront は Range GET リクエストを受け取ると、そのリクエストを受け取ったエッジロケーションのキャッシュをチェックします。そのエッジロケーションのキャッシュに、オブジェクト全体またはオブジェクトの要求されたパートがすでに含まれている場合、CloudFront は要求された範囲をキャッシュから直ちに提供します。 要求された範囲がキャッシュに含まれていない場合、CloudFront はリクエストをオリジン
AndroidのWebViewをできるだけ速く表示する(キャッシュ・先読み編)
ネットワーク越しにWebサイトを表示するとなった場合、表示の高速化にはキャッシュ戦略は外すことができません。 といってもWebViewの場合、裏側にいるWebKitがキャッシュ処理を行ってくれるのでそれほど独自で実装する事は無いかもしれません。 ◯WebViewのキャッ...
APCの動作 1 キャッシュの取得と生成 - Webと何かとその近所
APCの動作について調べる必要があったので、調べた際のメモを公開。 今回はキャッシュの取得や格納部分について。元気があればキャッシュの削除等についても公開するかも。 設定によってどういった動作をするのかがメインなので、Opcode周辺には触れない。というかよくわからないので触れられない。 内容はAPC-3.0.14をLinuxで動かした場合を想定。 内容についてのツッコミ大歓迎。 初期化 apc.num_files_hintはキャッシュされるファイル総数のヒント この値を2倍した数(num_slots)だけslot(1件のキャッシュをあらわすデータ)の領域が確保される ただし、この数がキャッシュ数の上限ではない キャッシュの取得と生成の動作 zend_compile_file関数を上書きしたmy_compile_file関数が呼ばれる apc_cache_make_file_key キャッ
iOS6 Mobile SafariがAjax POSTでキャッシュする問題を回避する方法 | DevelopersIO
iOS6出た！ iOS6が出来ましたね。社内ではiPhone5を入手した社員がLTEの速度に驚いていました。私はまだiPhone4Sですが、iOS6にして新しい機能を楽しんでいるところです。さて、iOS6にしてSafariの仕様が変わって困ったと言った投稿が海外のフォーラムで挙っています。それも、基本的なPOST通信についてです。これは困ったということで、動作を確認して対策方法についてシェアしたいと思います。 どんな時にPOSTをキャッシュする？ まずはどんな状況か確認してみたいと思います。 Cache-ControlもExpiresも無い場合 ： iOS6 Mobile SafariはPOSTをキャッシュする Cache-Control max-age=0指定 と Expires指定 ： iOS6 Mobile SafariはPOSTをキャッシュする Cache-Control: no-
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Does android 4.2.2 have CacheManager?
ブラウザ のキャッシュを制御する/no-cache