网络优化
- 减少HTTP请求，合并文件、精灵图
- 减少DNS查询，使用缓存
当使用了CDN时，DNS 服务器根据用户 IP 地址，将域名解析成相应节点的缓存服务器IP地址，实现用户就近访问。使用 CDN 服务的网站，只需将其域名解析权交给 CDN 的全局负载均衡（GSLB）设备，将需要分发的内容注入 CDN，就可以实现内容加速了。 - 减少Dom元素的数量
- 减少cookie的大小
css优化
-
将样式表放在页面顶部
css的下载解析是可以和html的解析同步进行的,如果将css放在头部，css的下载解析是可以和html的解析同步进行的，放到尾部，要花费额外时间来解析CSS -
尽可能避免重绘重排以及回流
-
使用less scss表达式
-
禁止使用 gif 图片实现 loading 效果
-
使用 CSS3 代码代替 JS 动画
-
当需要设置的样式很多时设置 className 而不是直接操作 style
js优化
-
将脚本放到页面底部
因为当浏览器解析到script的时候，就会立即下载执行，中断html的解析过程，如果外部脚本加载时间很长（比如一直无法完成下载），就会造成网页长时间失去响应，浏览器就会呈现“假死”状态，这被称为“阻塞效应”。
具体的流程是这样的：1.浏览器一边下载HTML网页，一边开始解析。
2.解析过程中，发现script标签
3.暂停解析，网页渲染的控制权转交给JavaScript引擎
4.如果script标签引用了外部脚本，就下载该脚本，否则就直接执行
5.执行完毕，控制权交还渲染引擎，恢复往下解析HTML网页
转自：https://juejin.cn/post/6844904009694707725
- 减少Dom的操作
- 删除未使用的js代码
- 避免内存泄漏
- 尽可能少的使用循环
参考：https://juejin.cn/post/6914831351271292936?utm_source=gold_browser_extension#heading-72
