收录自己看过的，比较好的性能优化实践，不止是方法，其分析和解决的过程也非常值得学习。

系统化内容

https://www.smashingmagazine.com/2021/01/front-end-performance-2021-free-pdf-checklist/ 完整集的checklist
视频《前端全链路性能优化实战》 · 语雀

小程序性能优化

京喜小程序的高性能打造之路 启动慢，白屏时间长的分析和解决 👍👍

给小程序再减重 30% 的秘密 - 京喜小程序首页瘦身实践 包瘦身 👍👍

京东微信购物首页性能优化实践 SSR预渲染等，关键渲染路径优化，图片优化，资源预加载，rail的FMP阶段 👍👍
为何小程序上线了，他们的内心却留下遗憾？ - 知乎 小程序页面生命周期了解架构，具体问题分析和性能优化
小程序页面加载性能优化 详细的分析架构流程，做针对性优化 👍👍

启动耗时降低30%！腾讯在线教育小程序开发实践与优化-InfoQ
小程序工程化探索 (如何用工程化解决解页面暴增，包暴增的需求) 👍👍

其它性能优化

云音乐前端体验优化实践 · 语雀 体验度量标准，体验评估体系(自动化测评)，动静分离的优化实践
Vue SSR 性能优化实践 · 语雀
云音乐搭建平台性能优化实践
Lighthouse 测试内幕

打分，测评

京喜小程序体验评分优化实践 | Aotu.io「凹凸实验室」
如何打造小程序体验评分满分 - 京喜小程序优化实践

性能测试

http://bos.itdks.com/b0be87497c26481d85780b3059cc86a9.pdf 京东性能测试技术变迁
https://testerhome.com/topics/10231 有赞.测试团队介绍 (一) 之日常工作
一个完整的性能测试流程 - 老_张 - 博客园

如何分析工具

使用chrome控制台进行调试

基于Blink内核页面渲染流程分析Web页面渲染性能（1） - 知乎
Chromium 网络栈前传 - 知乎

浏览器加载过程

记Chrome的性能分析工具实践 - 掘金 考拉团队
浏览器页面资源加载过程与优化 - 掘金 考拉团队
浏览器加载网页时的过程是什么？ - 知乎 还有个视频
前端经典面试题: 从输入URL到页面加载发生了什么？ - 我的前端之路 - SegmentFault 思否
深入浅出浏览器渲染原理
https://github.com/amandakelake/blog/issues/55 进程和线程
浏览器的加载过程 - wuduoyi
浏览器渲染页面的过程 · Issue #12 · xuexueq/blog · GitHub 重点在浏览器的渲染