ServiceWorkerのスニペットはどこに置かれますか？

Question

私はサービスワーカー（パーティーに少し遅れましたが、その後は決して良いことはない）から始めて、<script>if ('serviceWorker' in navigator) {..}</script>スニペットを一番下に置きます。他のスニペット（System.import(...)）。

これは良い場所ですか？他にどこに標準のスクリプトスニペットをページに置くべきですか：headかbodyの始まりですか？または、別のスクリプトで外部に置くことができますか？

もっと重要なのはなぜですか？

Answer 1

サービスワーカーの重さや初回訪問時にJavaScriptがページ上でどの程度実行される必要があるかによって、それは異なる場合があります。しかし、サービス就労者登録のベストプラクティスについては、this articleと読むことができます。

記事からのお持ち帰りは、合理的なパターンは、あなたのサービスの労働者を登録する

if ('serviceWorker' in navigator) { 
    window.addEventListener('load', function() { 
    navigator.serviceWorker.register('/service-worker.js'); 
    }); 
} 

を使用することであるということです。これは、loadイベントが発生する前に実行されている限り、ページのどこにでも表示される可能性があります。