网络优化方案

合并资源文件,减少 HTTP请求

浏览器并发的HTTP请求是由数量限制的(桌面浏览器并发请求是8个,手机浏览器是6个),如果一下子并发的几十个请求那么会有很多请求会停下来等,等前面的请求好了下一个再进去,这样就延长了整个页面的加载时间。

压缩资源文件减小请求大小

可对代码进行压缩、去掉空格、注释,变量替换,在传输时,使用 gzip 等压缩方式也可以降低资源文件的大小。

利用缓存机制,尽可能使用缓存减少请求。

DNS 预解析

CDN 加速

预加载

图片优化

  1. 使用正确的图片格式:
    对于能够正确显示 WebP 格式的浏览器尽量使用 WebP 格式。因为 WebP 格式具有更好的图像数据压缩算法,体积更小,缺点是兼容性不好;
    色彩很多的使用 JPEG;
    色彩种类少的使用 PNG, 有的可用 SVG代替

预渲染