對於標題背景，Javascript渲染速度比直接圖像快嗎？

Question

我有一個10px高的標題和瀏覽器窗口的寬度。它有一個條紋圖案，可以在X軸上重複使用。

目前，我正在使用Patternizer來使用Javascript和一些基本條紋規則來填充標題。

但是，在渲染之前瀏覽過該網站的瀏覽器會比使用已存儲在緩存中的CSS在x軸上重複顯示20KB圖片的速度快嗎？

僅供參考，我在談論標題Markpond。

Answer 1

說實話，對於一個10px的Header-image，重複的背景圖像就好了（除非你想要一個動態模式或計劃來改變它）。 由於Patternizr使用一個canvas元素，它在某些瀏覽器上將會「較慢」（計算），並且肯定會「較慢」（計算）移動。舊IE版本也有兼容性問題，但我不確定細節。

但是我們在這裏討論微型優化。沒有什麼大的差別，我不確定你爲什麼要問這個問題。

我建議：現在製作一張你的頁面的截圖，加載一張圖片並踢上patternizr。