最近在学习前端性能优化方面的知识，看了很多大佬的文章，感觉文章多了比较零散，学习效率不高，所以就整合了一下大佬们写的性能优化的东西，从页面的渲染过程来建立自己的一个前端性能优化的体系。

常常会苦恼，平常做的项目很普通，没啥亮点；面试中也经常会被问到：做过哪些亮点项目吗？ 前端监控就是一个很有亮点的项目，各个大厂都有自己的内部实现，没有监控的项目就是在裸奔

这是我参与2022首次更文挑战的第23天，活动详情查看：2022首次更文挑战 前言 阶段一：用户输入阶段 阶段二：发起URL请求阶段 构建请求行：浏览器进程首先会构建请求行信息，然后通过进程间通信IP

从输入网址到页面展示是一个复杂的过程，包括HTML数据加载，创建DOM和CSSOM，加载其他资源文件，最后绘制完成。其中有很多因素导致页面很慢或者很卡，通过本文的梳理可以对页面的整个流程有个清晰的把握