静的ファイルをリンクとしてロードする場合と、すべて（静的ファイルを含む）をインラインで送信する場合のパフォーマンスへの影響
静的ファイルの読み込みと1つのHTMLファイルですべて（静的ファイルを含む）を送信するのと、どちらが速くなるのだろうかと思いました。
たとえば、必要なページがある場合：
- jQuery
- 素晴らしいフォント
- CSS
私はできた：
- スクリプトとCSSファイルへのリンクを追加します
- または、これらすべてを1つのHTMLドキュメントに追加します
Webサーバーからサービスを提供するには、どちらがより効率的ですか？
それはあなたの訪問者のそれぞれが見るページ数に依存します。
ほぼすべてのユーザーが正確に1つのページを表示する通貨換算サイトがあります。彼らは、変換したい2つの通貨に固有の通貨計算機を着陸させます。計算を実行した後、彼らはサイトを離れます。サイトのパフォーマンスを最適化するために、ページ全体が1つのリクエストです。 data URI を使用して、JavaScript、CSS、さらには画像をインライン化します。
これにより、ユーザーセッションの最初のページのパフォーマンスが大幅に向上します。追加のリソースを待つ必要がないため、800msから400msになります。
一方、すべてがインラインの場合、すべてのリソースをすべてのページビューで提供する必要があります。大きなJS、CSS、および画像がある場合;訪問者がより多くのページを表示するため、再送信を続ける必要はありません。その場合、後続のページの読み込み時間を短縮する代わりに、最初のページの読み込みをわずかに遅くすることをお勧めします。