docs: 性能优化

This commit is contained in:
xuwu 2021-10-06 11:22:49 +08:00
parent 422c18d2f9
commit d978d475a5

View File

@ -473,6 +473,8 @@ CSS 选择器是 CSS 规则的第一部分。它是元素和其他部分组合
性能优化是一个系统性工程,涉及到的方面很多,不仅仅只是大家常说的静态文件和代码优化那么简单。
大家学习这部分内容的时候可以先从推荐的文章中了解具体有哪些性能优化手段及具体方法,然后根据这些内容去实验。
### 推荐书籍
其实性能优化相关的书籍市面上出的不多,优秀的也都是好几年前的老书了,看不看也无所谓了。
@ -490,18 +492,6 @@ CSS 选择器是 CSS 规则的第一部分。它是元素和其他部分组合
- [前端性能优化之旅](https://github.com/alienzhou/fe-performance-journey),系统性介绍性能优化的手段,参考资料也值得学习
- [Front-End Performance Checklist 2021](https://www.smashingmagazine.com/2021/01/front-end-performance-2021-free-pdf-checklist/),一本很火的免费 PDF包含了很多性能优化相关的 Checklist
### 静态文件优化
- [Web静态资源缓存及优化](https://zhuanlan.zhihu.com/p/30780216),主要还是缓存的运用,但是比之前的文章更详细
### 代码优化
### 打包速度优化
### 浏览器优化
### 网络优化
### 性能指标
- [文档](https://web.dev/learn-web-vitals/)