网站性能优化贯穿在开发的各个阶段，涉及的知识点也是比较分散的，怎样把这些分散的知识整理、连贯起来，在脑海中有一个图谱，在实战的时候，根据图谱上的优化点各个击破，这就需要构建自己的知识体系。

最近一直在捣鼓性能优化，继上一篇网络过程的优化，这一篇文章细致地讲述了浏览器渲染流程和性能优化，第一次写万字长文，请多多指教。

简介 本文介绍 Chrome DevTools Performance 面板的所有功能，以便使用其分析页面加载时/运行时性能，找出性能瓶颈。 功能面板概览 控制面板（红色区域）：控制性能分析相关功能的

RenderingNG 是 Chromium 团队花费八年打造的下一代渲染架构，一个新的、尖端的渲染引擎架构。这篇文章是系列文章的第一篇，总共有五篇。

前段日子有空，粗略学习了一下 Service Worker ；最近重新复习了下，并且把内容整理后写在这里，希望对大家有所帮助。 同时，如果文章中有错误或者描述不当的地方，欢迎大家能够帮我指正，谢谢。 PS：文章很长，含有大量示例代码。大家可以慢慢看：） 作为一个比较新的技术，大…