前端性能优化

By luhaoran No comments

1. 减少 HTTP 请求

2. 使用服务端渲染

3. 静态资源使用 CDN

4. 将 CSS 放在文件头部,JavaScript 文件放在底部

5. 使用字体图标 iconfont 代替图片图标

6. 善用缓存,不重复加载相同的资源

7. 压缩文件

8. 图片优化

9. 减少重绘重排

10. 当判断条件数量越来越多时,越倾向于使用 switch 而不是 if-else

11. 使用 flexbox 而不是较早的布局模型

12. 使用 transform 和 opacity 属性更改来实现动画

发表评论