5

同じ Javascript が複数回ロードされ、インクルードごとにコードが実行されるたびに問題が発生することについて議論している人々を見てきました。

同じDOMに同じCSSファイルを複数回含めています（いくつかのコンポーネントを使用しているため、これを追加することは避けられません）：

    <link href="style.css" rel="stylesheet" type="text/css">
  1. DOM サイズは増加しますか?
  2. CSS ファイルは、すべてのインクルードで毎回レンダリングされますか?
  3. これはページのパフォーマンスに影響しますか?

注: 同じ CSS ファイルを使用しているため、ダウンロードは 1 回だけです。

4

2 に答える 2

1

CSS ファイルが一度レンダリングされて使用された場合、CSS の 2 回目のインポートは使用されず、問題は発生しないと思います。例えば：

import css 1
import css 2

次に、ここ<p class="test">にあり、これtestはcss 1インポートからこのタグに対して1回だけ取得され、インポートcss 2はインポートされるだけで使用されません。この意味で、これはオーバーヘッドにすぎず、ファイルの読み込みに少し時間がかかります。ここにはこれ以上の問題はありません。

于 2012-06-29T06:03:51.003 に答える
0

スタイルシートがブラウザにキャッシュされていても、複数のインクルードに対してキャッシュされているかどうかを確認する必要があるため、これにより不要なオーバーヘッドが追加されると思います（ブラウザがすべての一意のスタイルシートを取得する前に集約している場合を除く）。それでも、レイテンシーは最小限になると思いますが、パフォーマンスの向上にはなりません。スタイルシートを複数のファイルに分割すると、同時http接続により、初期ロードでパフォーマンスが向上する可能性がありますが、その分離によるソフトウェアメンテナンスのコストは価値がない可能性が高く、後続のページの読み込み時にあなた。

于 2012-06-29T05:57:04.963 に答える