性能优化文章 #

1、Chrome Perfonrmance 性能分析入门 #

文章介绍了 Chrome Performance 性能分析工具的基本使用。

Chrome Performance 页面性能分析指南

2、lighthouse 使用和性能优化 #

lighthouse 是一个开源工具，用于评估网站性能、可访问性、性能、可维护性等维度。

可以直接在 Chrome DevTools 中使用，也可以通过命令行工具使用。

前端性能测试工具 Lighthouse(灯塔)使用

利用LightHouse进行合理的页面性能优化，看这一篇就够了！

3、Web 性能优化系列文章 #

Web 性能优化系列文章，包括 webpack 分包、图片优化、css 优化等内容，值得好好学习。

Web 性能优化：理解及使用 JavaScript 缓存

4、性能优化实战文章 #

性能优化系列实战文章，值得一看。

前端性能优化实战 从 30s 到 2s

关于首屏优化，我做了哪些

尽早建立网络连接，以提升系统感知的网页速度

带你玩转prefetch, preload, dns-prefetch，defer和async

预加载系列一：DNS Prefetching 的正确使用姿势