page contents

网页卡顿的原因是什么?

王昭君 发布于 2022-09-28 16:45
阅读 91
收藏 0
分类:开发环境
4331
轩辕小不懂
轩辕小不懂

原因一:http 请求次数太多

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

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

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

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

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

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

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

原因五:cookie 影响

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

原因六:网页资源过多

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

请先 登录 后评论