从浏览器的结构开始 从浏览器的结构上来说，浏览器主要是包括了八个子系统： 界面模块 浏览器引擎 渲染引擎 网络子系统 JavaScript 解释器 XML 解析器 显示后端 数据持久性子系统 多进程结

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

作为前端工程师，无论是开发还是线上环境，浏览器或是 node，移动端或者 PC 端，经常会遇到一些 bug，那么如何快速定位和解决问题呢，笔者准备了一份前端调试指南供大家参考。