ますます小さくなるJavaScript

JavaScript はダウンロード、解析、実行する必要がありますが、特に性能の低いモバイルでは、これらすべてに時間とパフォーマンスがかかります。大規模な JS バンドルは対話性 (INP) を悪化させます。

JS は「最も高価な」タイプのリソースです。画像とは異なり、デバイスもそれを処理する必要があります。冗長なライブラリと未使用のコードは、不必要な負担を引き起こします。

1. 1未使用のライブラリとコードを削除します (ツリーシェイキング)。
2. 2JS をページごとに分割し (コード分割)、必要なものだけを読み込みます。
3. 3重要でないスクリプトを延期します (延期/非同期)。
4. 4大規模なライブラリの軽量な代替手段を検討してください。