對於標題背景，Javascript渲染是否比純圖像更快？

Question

我有一個10px高的標題，和瀏覽器窗口的寬度。 它具有條紋圖案，可在x軸上重復。

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

但是，瀏覽器在渲染之前訪問該網站的速度是否會比使用已經存儲在緩存中的CSS渲染在x軸上重復顯示20KB圖像的速度更快？

作為參考，我正在談論Markpond上的標題 。

Answer 1

老實說，對於10px的頁眉圖像，重復的背景圖像就很好了（除非您想要動態模式或計划對其進行很多更改）。 由於Patternizr使用畫布元素，因此在某些瀏覽器中它將“較慢”（用於計算），而在移動設備上則肯定“較慢”（用於計算）。 較舊的IE版本也存在兼容性問題，但我不確定細節。

但是我們在這里談論微優化。 不會有什么大的不同，我不確定您為什么還要打擾這個問題。

我建議：現在制作頁面的屏幕快照，加載圖像並執行patternizr。