全文超过一万字，阅读此文章，你可能需要一杯咖啡☕️~笔者花生PeA，百度前端汪、ACGer。个人博客 pea3nut.blog；个人资料 pea3nut.info 在保留此段前提下，随意转载。请确保此段为文章最头部

本文主要介绍“关键渲染路径”与“网络”两个方面的性能优化并提供demo，篇幅较长建议电脑观看。 前端优化的方面太多，本文介绍的仅仅是其中的一部分，力求涵盖“关键渲染路径”的方方面面，及一些不常被提到的“网络优化”部分。 测试环境如无特殊说明均为Chrome 57 渲染页面过程 浏览器从打开一个URL到渲染完页面共有： 下载HT...