同様の質問が数多く寄せられていることは承知していますが、スタイルをリンクおよび管理する 3 つの可能な方法すべてを比較したものは見たことがありません。ブラウジングのパフォーマンスが最も良いのと悪いのはどれですか? <link>並列ダウンロードが可能になるため、推奨されることはわかっていますが、複数の css ファイルを ing する@importよりも 1 つの大きな CSS の方が優れていると聞いたことがあります。それは、1 つの大きな css<link>を使用するよりも悪いということですか? @import私はそれらが同じように機能すると思っていましたが、両方の世界の最悪の部分を組み合わせているのかもしれません.
そして、現実的に、ここで話しているパフォーマンスの違いはどれくらいですか? 典型的な 5 ページの Web サイトで、これについて本当に心配する必要がありますか?
したがって、この質問に答えるには、3 つの異なるシナリオを比較するベンチマークまたは信頼できる見積もり (つまり、秒数) を確認することをお勧めします。
例: main.css (15kb) special.css (60kb) grid.css (20kb)
典型的なサーバーでは、パフォーマンスの違いは次のとおりです。
<link>3つすべてに使用<link>main.css および@importその他に使用- それらをすべて 1 つのファイルに結合する