我的一個朋友說,使用開頭部分<div style=""></div>代替壓縮的css文件可以link href提高性能。真的嗎?
3 回答

莫回無
TA貢獻1865條經驗 獲得超7個贊
與使用CSS文件的性能提升(通過其他因素)相比,您的朋友提到的性能提升可能微不足道。
瀏覽器使用style屬性,僅繪制該特定元素的規則,在這種情況下為<div>
元素。這樣可以減少CSS引擎查找哪些元素與CSS選擇器匹配的查找時間(例如a.hover
或#someContainer li
)。
但是,將樣式置于元素級別將意味著您無法單獨緩存CSS樣式規則。通常,將樣式放在CSS文件中將允許進行緩存,從而減少每次加載頁面時服務器的負載量。
將樣式規則放在元素級別還會使您無法跟蹤以什么方式對哪些元素進行樣式設置。這也可能會抵消繪畫特定元素的性能提升,您可以在其中一起重新繪畫多個元素。使用CSS文件可將CSS與HTML分開,從而使您可以確保樣式正確,以后更容易修改。
因此,如果您看一下比較,您會發現使用CSS文件比在元素級別進行樣式設計具有更多好處。
不要忘記擁有外部CSS樣式表文件時,瀏覽器可以緩存該文件,從而提高了應用程序的效率!
添加回答
舉報
0/150
提交
取消