取り組んでいるプロジェクトのページ読み込み時間を短縮しようとしています。最初に、私が一緒に働いているチームは Apache/Symfony2/Postge を最適化しようとしましたが、最終的に Chrome の Dev Tools の Networking パネルで、すべての css および js ファイルをロードした後に大きな「ギャップ」を見つけました。スクリプト ファイルを削除すると、「ギャップ」はなくなります。jquery.min.js (他のライブラリやスクリプトがロードされていない) のみを残すと、ページはまだ約ロードされます。1.5秒。
開発者ツールは、この期間中に何が起こるかを示していません。これは、ブラウザーが CSS と JS を解析して解釈するときであると思いますが、DOMContentLoaded の時間を減らす必要があります。助言がありますか？
これは私の最初の投稿であり、画像を投稿するには評判が 10 必要なので、ここで話している内容のスクリーンショットをアップロードしました。
PS:スクリーンショットは「平均的な」PC で撮影されています。私の個人用ラップトップ (AsusG750JZ、8 コア CPU、16Gb RAM、nVIDA 880m) での同じテストでは、非常に異なる結果が示されました。ロード時間は 5.2 秒ではなく約 1.5 秒です。残念ながら、すべての人にハイエンドでウェブ アプリを使用させることはできません ;)
PS2: JS の非同期読み込みはオプションではありません。RequireJS を試してみましたが、結果が気に入りませんでした。すべてのスクリプトに依存しているため、扱いにくかったです。