番外:对浏览器的执行过程的理解
对浏览器的基本运行机制进行通俗易懂的解释
snakeZix
师大一码农
展开
-
番外:对浏览器的执行过程的理解 -06 优化总结篇
06 优化总结篇一、页面加载阶段的优化 - 提高反馈性强的资源优先级第三节聊到的GUI线程渲染过程和第四节结合performance讲解,相信你已经对过程了解的比较清晰了。在我看来真正影响页面展示的东西是:线程之间来回切换,JS线程和GUI线程的轮番切换异常消耗性能JavaScript的执行一直是阻塞页面渲染的CSS放头 和 JS放尾?懒加载(lazy load 针对图片)HTML的第一次渲染的大小(分页滚动加载数据)(1) 第一点怎么解决?尽量减少style和script的数原创 2020-12-03 13:39:00 · 113 阅读 · 0 评论 -
番外:对浏览器的执行过程的理解 - 05 怎么理解操作DOM和样式
大家都说在操作DOM和CSSOM,但是这里的DOM和CSSOM到底是什么,和在GUI线程计算合成的DOM Tree和CSSOM又有什么关联吗?为什么说DOM的使用要读写分离,本文将带你拨开DOM和CSSOM的真面目原创 2020-12-03 00:23:08 · 141 阅读 · 0 评论 -
番外:对浏览器的执行过程的理解 - 04 浏览器环境下的事件循环机制
说了太多Parse CSS和Parse Html以及JS的执行,可以到底是谁在轮番的执行呢?执行有什么规律吗?事件循环不仅帮我们了解JS代码执行先后,更是为了更好的渲染UI,事件循环几乎是这一系列文章的中心原创 2020-12-03 00:22:22 · 164 阅读 · 0 评论 -
番外:对浏览器的执行过程的理解 - 02 如何调试和测验
编译器和浏览器不会对你说谎,所以,看到一些观点的不要盲目的相信,要去怀疑、测试、检验才能有提高。我们要研究的是浏览器的执行过程,自然要看到这个过程,Chrome的Performance这是一个不错的工具。原创 2020-12-01 16:31:52 · 88 阅读 · 0 评论 -
番外:对浏览器的执行过程的理解 - 03 先从文件的下载和解析时机开始聊起
浏览器渲染页面,自然要先下载文件,那么文件下载顺序有什么先后吗?又为什么要分先后?都说JS全阻塞,CSS半阻塞,到底阻塞是发生在什么时候呢?这篇文章将清晰的讲解原创 2020-12-01 14:55:07 · 505 阅读 · 0 评论 -
番外:对浏览器的执行过程的理解 - 01 基本概念的确立
本文并不是说就要带你理解浏览器源码,或者说读JS编译器源码,而是将已知的想较于权威的内容进行解读,并翻译成普通前端开发者能理解的文章,其中对大量的专业术语进行解析,使得读者更易理解,避免不必要的技术壁垒原创 2020-11-27 20:39:26 · 762 阅读 · 0 评论