网页卡顿的原因是什么？

轩辕小不懂 2022-09-28 16:51

原因一：http 请求次数太多

解决：规范接口设计，减少 http 请求次数。

原因二：接收数据时间过长，如下载资源过大

解决：对 HTTP 传输进行压缩，可采用 gzip 无损压缩，压缩效果最佳。

原因三：JavaScript 脚本过大，阻塞了页面的加载

解决：将 JavaScript 脚本放在标签前。script 没有 async 和 defer 时，JS 文件将在下载后立即执行。这种情况下，script 放在顶部会阻塞页面呈现，在网速慢的情况下会导致“白屏”，直到脚本下载完毕才继续呈现页面。因此，script 放在底部可以让页面尽快呈现。

原因四：CSS、JavaScript、图片等需要重复加载

解决：静态资源统一放在一个静态域名上，减轻重复下载静态资源的负担。

原因五：cookie 影响

解决：减小 cookie 的影响。去除没有必要的 cookie，如果网页不需要 cookie 就完全禁掉。此外，对 cookie 瘦身和设置合适的 cookie 过期时间，也能削弱 cookie 的影响。

原因六：网页资源过多

解决：使用 CDN 部署网络以提高下载速度，可以先通过免费的 CDN 供应商来分发网页资源。