加载优化
项目加载优化
连接优化
启用HTTP2
在支持的情况下使用HTTP3
使用base64将小文件内联，网页代码和图标资源同时下载。图标与页面同时展示，使用此方法的文件不宜过大。编码会使文件体积上升。一般内联小于4KB的文件。
使用cdn，优化客户端连接延迟
旧的前端优化技术
浏览器每个域连接数有限（4-6），使用几个域名以增加连接数。如果使用http2，多个域名可能导致更长的握手延迟。
小图标使用雪碧图将小图标合并为一张大图，展示的时候通过css展示一部分，减少http请求数量，利用缓存提升性能。当网络连接速度较慢时，可能会明显看到图标晚于网页展示。在使用HTTP2的时候，由于协议多路复用的使用，再没有连接数的限制。小文件的影响几乎可以忽略。
体积优化
对项目页面拆分，按需加载下载需要的文件。降低文件总体积
压缩代码文件，删除换行与注释等
对图片压缩
开启Gzip
减少cookie使用，尽量使用SessionStorage 和 LocalStorage替代。
加载优化
使用jpg的渐进编码格式，在下载部分的时候，图片由模糊转清晰
使用webp等压缩算法更先进的编码格式
懒加载，在优先加载可视区域的数据
高频事件使用防抖节流函数包装，优化运行时计算负载与网络负载