网络性能优化

前端优化

• 优化打包之后 Javascript 体积
• 合并 CSS 和 JavaScript 文件，减少页面请求次数
• 使用 defer 和 async 属性,将 JavaScript 脚本设置为异步加载,避免阻塞页面渲染。
• 使用 懒加载,只需要在使用的时候加载所需要的资源。

内容分发网络(CDN)

• 将内容缓存到离用户更近的CDN服务器上,减少数据传输距离和延迟。
• 设置合适的缓存策略,以减少重复请求和服务器负担。

数据压缩

• 使用压缩算法减少传输的数据,提高加载速度。

网络协议优化

• 使用 HTTP2 协议，它支持多路复用、头部压缩等特性，提高传输效率

服务器优化

• 使用服务器端缓存,减少数据库查询频率。

用户端优化

• 使用浏览器缓存策略，减少重复请求和数据下载
• 确保客户端网络连接稳定，避免由于客户端问题造成的性能下降。

提高 TCP 连接数

浏览器最多只支持六个TCP连接数,如果资源很多加载速度还是会很慢。

info

把相对独立的静态资源分散在多个 CDN 中保存。可以让浏览器对每个域名同时开启六个TCP连接。