[解決済み] react jsにおけるサービスワーカーとは
質問
reactアプリを作成すると、デフォルトでservice workerが起動されます。なぜサービスワーカーが使われるのでしょうか?デフォルトで起動される理由は何ですか?
解決方法は?
アプリケーションにサービスワーカーが必要ない場合があります。create-react-appでプロジェクトを作成する場合、デフォルトで呼び出されます。
サービスワーカーについては この の記事を参照してください。そこから要約すると
A
service worker
は、ブラウザがウェブページとは別にバックグラウンドで実行するスクリプトです。 ウェブページとは別に、バックグラウンドで実行されるスクリプトです。 ウェブページやユーザーとのインタラクションを必要としない機能への扉を開きます。今日、それらはすでに のような機能が含まれています。push notifications
とbackground sync
でありability to intercept and handle network requests
を含む。programmatically managing a cache of responses
.将来的には、サービスワーカーでは他にも
periodic sync
またはgeofencing
.
これによると へのPRは、create-react-app
Service workers
は、create-react-appで導入されるSWPrecacheWebpackPlugin
.キャッシュファースト戦略でサーバワーカーを使用すると、パフォーマンス面で有利になります。 ネットワークがボトルネックになることがないためです。 というのも、ネットワークがナビゲーションの要求を満たすためのボトルネックにならなくなるからです。しかし、開発者 (およびユーザー) は、デプロイされた更新を "
が更新されたページを見ることができるのは、quot;N+1" キャッシュされたリソースはバックグラウンドで更新されるため、開発者(およびユーザー)は、ページへの訪問時にのみ展開された更新を見ることになります。 バックグラウンドで更新されるからです。
の呼び出しは
register service worker
の呼び出しは、新しいアプリではデフォルトで有効になっていますが、いつでもこれを削除して、通常の動作に戻すことができます。
関連
-
[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は?
-
[解決済み] let "と "var "の使い分けは?
-
[解決済み] JavaScriptでオブジェクトをディープクローンする最も効率的な方法は何ですか?
-
[解決済み] なぜGoogleはJSONレスポンスにwhile(1);を前置するのでしょうか?
-
[解決済み] とは何ですか! (not not)演算子とは何ですか?
-
[解決済み] 私のJavaScriptコードは "No 'Access-Control-Allow-Origin' header is present on requested resource "というエラーを受け取りますが、Postmanはそうならないのはなぜですか?
-
[解決済み] JSONPとは何か、なぜ作られたのか?
-
[解決済み] React-routerのURLを更新したり、手動で書き込んだりするとうまくいかない
-
[解決済み] イテレータでmap()を使用する
-
[解決済み] 変異を伴わないオブジェクトからの値の削除
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] javascriptで2つの数値を連結する方法は?
-
[解決済み] reactのrender関数でdynamic hrefを作成するには?
-
[解決済み] bootstrap のポップオーバーがすべての要素の上に表示されない
-
[解決済み] CORS OriginヘッダーとCSRFトークンによるCSRF保護
-
[解決済み] Javascript 空の配列の削減
-
[解決済み] JavaScriptでの大文字小文字を区別しない正規表現
-
[解決済み] BlobからArrayBufferへ移行する方法
-
[解決済み] TypeScriptプロジェクトで既存のC#クラス定義を再利用する方法
-
[解決済み] Prototypeを使ってtextareaを自動サイズ調整するには?
-
[解決済み] <ng-content>が空かどうかを確認する方法は?(これまでのAngular 2+で)