性能优化 ，每个工程师跑不掉的一个话题。这里是本人结合Mr.Max的一门课，总结的一些优化手法，希望对大家有所帮助，后续也会继续更新，想要看视频的可以直接去某课网搜。附 演示源码和PPT

性能，是一个问题。 取决于我们对性能的理解深浅，以及是否有一套好的工具和方法。 介绍三步法之前，先来简单了解下Chrome开发者工具的Performance性能面板，以及性能分析报告的基本组成。 然后按F12打开Chrome的开发者工具，选择Performance性能面板。 指…

重绘和回流（Repaint & Reflow），一个第一眼能唬住新手（比如我）的专业名词。当我快快乐乐的搜索相关文章想好好学习天天向上的时候，却发现几乎都是在介绍xxx会触发回流重绘，却不告诉我在哪查看，搞得我一脸懵逼。于是这篇💧文章就出来了。 本文参考了非常多的资…

1.重要性 当我们面试的时候，前端性能优化方面算是必考的知识点，但是工作中我们又很少会重点的对项目进行前端优化，它真的不重要吗？ 如果我们可以将后端响应时间缩短一半，整体响应时间只能减少5%~10%。

一个普通的网页，浏览器在渲染前需要先构建 DOM（document object model） 和 CSSOM (css object model） 树。 转换：浏览器从磁盘或网络读取 HTML 的原始字节，并根据文件的指定编码将它们转换成各个字符。 令牌化： 浏览器将字符串转…