cefsharp 加载网页慢_前端性能优化之预加载和懒加载

e519b5095d9453cb2222896019e39dbb.png

老项目优化第二步——资源的懒加载和预加载

之前做前端项目性能优化的时候,为了使页面加载更快,用尽了手段,包括文件的合并、压缩,文件缓存和开启服务器端的 gzip 压缩等等。

但发现压缩总有个极限,并且遇到弱网环境时,用户在感知上依旧会有“慢”的概念,尤其是在首屏展示的时候,于是就选了两种方案(骨架屏和资源预加载,骨架屏下次再总结)。

预加载

预加载相信很多人都有听说过,引用Patrick Hamann的解释就是,预加载是浏览器对将来可能被使用资源的一种暗示,一些资源可以在当前页面使用到,一些可能在将来的某些页面中被使用。

简单理解就是,将页面加载时的资源提前加载到本地,等页面真正加载时直接从缓存获取资源。

1c7f276a403311f5362bb1c2d4f3bfa9.png

我主要是使用在首屏加载时需要的资源,以及一个资源过大的文件上,避免页面长时间空白,减少等待时间,优化体验。

预加载可以细分为以下几个点:DNS-pr

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值