高さ 10px のヘッダーとブラウザー ウィンドウの幅があります。X 軸で繰り返し可能なストライプ パターンがあります。
現時点では、Patternizerを使用して、Javascript といくつかの基本的なストライプ ルールを使用してヘッダーを埋めています。
しかし、以前にサイトにアクセスしたことがあるブラウザーは、既にキャッシュに保存されている CSS を使用して x 軸で繰り返される 20 KB の画像をレンダリングするよりも高速にレンダリングするでしょうか?
参考までに、私はMarkpondのヘッダーについて話しています。
正直なところ、10px のヘッダー画像の場合、背景画像を繰り返しても問題ありません (動的なパターンが必要な場合や大幅に変更する予定がない限り)。Patternizr はキャンバス要素を使用するため、一部のブラウザーでは (計算が) 遅くなり、モバイルでは確実に (計算が) 遅くなります。古い IE バージョンとの互換性の問題もありますが、詳細はわかりません。
しかし、ここではマイクロ最適化について話しています。大きな違いはありません。なぜわざわざこの質問をするのかわかりません。
お勧めします: 今すぐページのスクリーンショットを作成し、画像をロードして、patternizr をキックします。