说到性能优化,界面渲染优化是我们要注意的重中之重.想要优化我们的界面渲染,我们首先要明白界面渲染的具体流程. 上面几个问题,大都是和浏览器的界面渲染相关的,我们先不着急去解答这些问题,我们先探究一下浏览器的渲染流程,在回头看看这几个问题. 当我们的网络请求的响应头信息的Cont…

前言： 如果你在研究“浏览器如何渲染页面”这个老生常谈的话题，并且看了一部分相关文章，那么不妨花5分钟看一下我的理解，或许对你有所帮助。 （最近事情有点多，乱糟糟的，学习也浮躁，文章是我好一段时间前写

大家好，我卡颂。 在中文社区，这么多年一直流传一个说法： JS线程负责执行JS，GUI渲染线程负责渲染，这两者是互斥的，所以JS执行时会阻塞渲染。 但随着Dev Tools使用的增多，逐渐开始怀疑以上

现代浏览器为了更好的用户体验，渲染引擎将尝试尽快在屏幕上显示的内容。它不会等到所有DOM解析完成后才布局渲染树。而是当js阻塞发生时，会将已经构建好的DOM元素渲染到屏幕上，减少白屏的时间。

本文先从浏览器的渲染过程来从头到尾的讲解一下回流重绘，如果大家想直接看如何减少回流和重绘，优化性能，可以跳到后面。（这个渲染过程来自MDN） Display:将像素发送给GPU，展示在页面上。（这一步其实还有很多内容，比如会在GPU将多个合成层合并为同一个层，并展示在页面中。而…

一篇文章演示如何监测项目的性能问题，一步一步来解决发现的web性能问题。使用工具Lighthouse和performance