1、display屬性設(shè)置

先將元素設(shè)為

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

只在必要的時(shí)候，才將元素的display屬性為可見，因?yàn)椴豢梢姷脑夭挥绊懼嘏藕椭乩L。另外，

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

?

2、position:absolute/fixed

position屬性為absolute或

fixed的元素，重排的開銷會(huì)比較小，因?yàn)椴挥每紤]它對(duì)其他元素的影響。

?

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é)

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

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