前端性能检查清单 是由LogRocket的团队产出的，从2016年开始每年都有更新。LogRocket 本身提供了一个前端性能监控的服务，他们通过跟踪主要指标，分析内存占用等措施来给出网站性能改进建议。这份清单，对前端开发者来说，可以提供一些实战性的经验和参考，帮助开发者更好地做前端性能优化。

通常，我们面对性能优化时，会考虑性能的真正瓶颈在哪里？是“昂贵的”JavaScript，慢的web字体分发，沉重的图片或者缓慢的渲染？同样，我们有没有在tree shaking，scope hoisting，code splitting等方面做了足够的优化？

最重要的是，我们从哪里开始做性能提升，以及如何建立一个长期性能优化的文化，并坚持下去？

作者在文中列出如何制定性能指标，如何监控这些指标，并持续做优化的方法。很多技术干货，值得详细通读并在项目中实践。

以下为作者列出的主要关键方向及对应的关键点：

1. 前期准备：计划和指标
2. 设置切实可行的目标
3. 确定技术架构及环境
4. 静态文件优化
5. 构建打包优化
6. 资源分发优化
7. 网络，HTTP/2，HTTP/3
8. 测试和监控

性能优化是一个长期的缓慢的过程，你需要抓住很多个关键的小点，综合起来才能看到比较明显的效果。性能优化也是前端工程师必须要做的事情，只有前端页面的性能提升上去之后，才有资格和条件去谈用户体验和产品价值。