1、display屬性設(shè)置

先將元素設(shè)為

display: none（需要1次重排和重繪），然后對這個節(jié)點進(jìn)行100次操作，最后再恢復(fù)顯示（需要1次重排和重繪）。這樣一來，你就用兩次重新渲染，取代了可能高達(dá)100次的重新渲染。

只在必要的時候，才將元素的display屬性為可見，因為不可見的元素不影響重排和重繪。另外，

visibility : hidden的元素只對重繪有影響，不影響重排。

?

2、position:absolute/fixed

position屬性為absolute或

fixed的元素，重排的開銷會比較小，因為不用考慮它對其他元素的影響。

?

3、不要一條條地改變樣式，而要通過改變class，或者csstext屬性，一次性地改變樣式。

// bad var left = 10; var top = 10; el.style.left = left "px"; el.style.top = top "px";// good el.className = " theclassname";// good el.style.cssText = "; left: " left "px; top: " top "px;";

?

以上參考阮一峰技術(shù)博客：http://www.ruanyifeng.com/blog/2015/09/web-page-performance-in-depth.html

總結(jié)

以上是生活随笔為你收集整理的三个实用的提升网页性能技巧的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。