https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/loading-third-party-javascript/
Loading Third-Party JavaScript
第三者コードによって、読み込み速度が著しく低下する可能性があります。重複する第三者プロバイダの数を制限したうえで、ページのメインの部分を読み込み終えた後に第三者コードを読み込んでみてください。
最初のサーバー応答時間を速くしてください
https://web.dev/time-to-first-byte/
使用していない JavaScript の削減
https://web.dev/unused-javascript/
複数のページ リダイレクトの回避
https://web.dev/redirects/
接続速度が遅い環境のユーザーの場合、`document.write()` で動的に挿入される外部スクリプトによってページの読み込みが数十秒遅れる可能性があります。
JavaScript の解析、コンパイル、実行にかかる時間を短縮することをご検討ください。JavaScript ペイロードのサイズを抑えるなどの方法があります。
JavaScript の解析、コンパイル、実行にかかる時間の短縮をご検討ください。配信する JavaScript ペイロードのサイズを抑えると効果が見込めます。
DOM サイズが大きいと、メモリの使用量が増え、スタイルの計算に時間がかかり、レイアウトのリフローというコストが発生します。
下のクリティカル リクエスト チェーンでは、高い優先度で読み込まれたリソースを確認できます。チェーンの長さを縮小する、リソースのダウンロード サイズを抑える、不要なリソースのダウンロードを遅らせるなどの手段を行って、ページの読み込み速度を改善することをご検討ください。
ページリソースの数とサイズの予算を設定するには、budget.json ファイルを追加します。
ビューポート内で描画された最大のコンテンツ要素です。
レンダリングを妨げるリソースの除外 0 ミリ秒短縮できます
適切なサイズの画像
オフスクリーン画像の遅延読み込み
CSS の最小化
JavaScript の最小化
使用していない CSS の削減
効率的な画像フォーマット
次世代フォーマットでの画像の配信
テキスト圧縮の有効化
必須のドメインへの事前接続
キー リクエストのプリロード
アニメーション コンテンツでの動画フォーマットの使用
JavaScript バンドル内の重複モジュールを削除する
最新ブラウザに従来の JavaScript を配信しないようにしてください 32 KiB 削減可能
Largest Contentful Paint の画像のプリロード
過大なネットワーク ペイロードの回避
静的なアセットでの効率的なキャッシュ ポリシーの使用 1 件のリソースが見つかりました
カスタム速度の記録と計測
ウェブフォント読み込み中の全テキストの表示
ファサードでのサードパーティ リソースの遅延読み込み
スクロール パフォーマンスを高める受動的なリスナーが使用されています
画像要素で width と height が明示的に指定されている
