亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

外部CSS與內聯樣式的性能差異?

外部CSS與內聯樣式的性能差異?

斯蒂芬大帝 2019-12-27 09:29:42
我的一個朋友說,使用開頭部分<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樣式表文件時,瀏覽器可以緩存該文件,從而提高了應用程序的效率!


查看完整回答
反對 回復 2019-12-27
  • 3 回答
  • 0 關注
  • 1208 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號