前端性能优化
第六章:服务端和网络优化
6.1 CDN——如何合理配置CDN缓存
6.2 DNS——主流的DNS优化方法有哪些?
- 因为浏览器对一个域名同时发送的http请求有数量限制,可以使用多个域名
6.3 HTTP:如何减少 HTTP 请求
- 小 icon 使用 webfont
- 小的文件进行合并 Combo(服务端合并a.js b.js)
- 多个接口以后端接口集群的方式
6.4 Cookie—— 减少 Cookie 大小的策略和益处
- 只携带白名单中特殊名称的 cookie ,其他的直接删除不携带过去
6.5 服务器——缓存配置和优化方案
6.5 服务器——如何开启 Gzip 压缩
6.6 HTTPS—— 如何开启全站 HTTPS
优点:
SEO
安全
6.7 HTTP2 —— 升级 HTTP2 的好处有哪些?
- 二进制格式传输数据
- 多路复用 ( 雪碧图现在用的少的愿意就是)
- 头部压缩(减少传输体积)
- server push
第七章:流程优化
7.1 前端研发流程
7.2 协作模式——前后端如何高效开展更高效的合作
7.3 自动化测试——有哪些主流的技术方案
7.4 自动化上线——有哪些方案可供选择?如何部署?
7.5 代码质量——如何提升团队整体的代码质量
- eslint stylelint tslint
7.6 上线前——如何对 HTML5 的质量做即时检测
7.7 上线后——如何进行 HTML5 的性能和错误监控
- 页面性能监控
- js 错误监控
- API 接口监控
- 日志详情
- 用户轨迹
7.8 线上业务——如何进行线上业务的基调监控?
7.9 发版后——如何进行 APP 的性能和错误监控
- 网络请求的事件
- 冷启动和热启动的监控数据
课程总结:
推荐阅读:
-
Web性能权威指南
-
网站性能监测与优化
-
高性能网站建设指南