一、性能优化要从何入手
1. 让加载更快
2. 让渲染更快
下面看一下这两方面分别要怎么优化
二、加载方面的优化
想要页面加载更快,需要从资源体积、访问次数、网络入手
1、减少资源体积
-
- 压缩代码
2、减少访问次数
-
- 资源合并
- 多个js文件合并
- 多个css文件合并
- 多个小图标合并在一起生成一张图(也就是我们所说的雪碧图或者图片精灵)
- 服务端渲染(SSR):将网页和数据一起加载一起渲染
- 我们现在的前后端分离是非SSR,需要先加载网页,再加载数据,最后再渲染。早先的JSP、PHP就是SSR。现在的Vue、React也开始做服务端渲染(SSR)了
- 尽可能的使用缓存
- 静态资源加hash后缀,当资源不变并且路径不变的情况,则自动触发http缓存机制,服务器返回304
- 资源合并
3、使用更快的网络
-
- CDN
- 我们引用资源库时可以使用CDN
- CDN
三、渲染方面的优化