瀏覽器渲染過程:
重繪:當頁面元素樣式改變不影響元素在文檔流中的位置時,如background-color、border-color、visibility等,瀏覽器只會將新的樣式賦予元素並進行重新繪制操作。
回流:當渲染樹(render tree)中的一部分或全部因為元素的尺寸、布局、隱藏等改變時,瀏覽器重新渲染部分DOM或者全部DOM的過程
ps:回流必將引起重繪,而重繪不一定會引起回流
如何減少:
瀏覽器渲染過程:
重繪:當頁面元素樣式改變不影響元素在文檔流中的位置時,如background-color、border-color、visibility等,瀏覽器只會將新的樣式賦予元素並進行重新繪制操作。
回流:當渲染樹(render tree)中的一部分或全部因為元素的尺寸、布局、隱藏等改變時,瀏覽器重新渲染部分DOM或者全部DOM的過程
ps:回流必將引起重繪,而重繪不一定會引起回流
如何減少:
本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。