首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

使用“渐进”逐步地延迟加载图像

Progressively

每个现代网站都需要快速。尽管有许多技术和插件可以提高页面速度,但是您可能不知道从哪里开始。

渐进脚本是提高页面速度的重要资源。它作为一个延迟加载图像脚本,当用户向下滚动页面时逐步加载图像。

这是一个免费的开源项目,所以你可以下载并在任何网站上运行它。此外,它运行在100%香草JS,所以它有零依赖,可能会拖累你。

你可以在渐进主页上看一下现场演示。

它与其他惰性加载脚本稍有不同,因为它保持整个页面的图像大小不变。这可以防止在图像快速加载到视图并增加内容高度时看到的恼人的页面跳转。

图像占位符看起来就像你正在加载的图像。太棒了!

这种简洁的技术使访问者有机会在加载之前预览图像。这一切都是通过JavaScript来处理的,它会检查用户在页面上的位置,并在他们进入视图时预加载图像。

渐进式确实有一个相当广泛的API,所以它是web开发人员的一个很好的选择。设置可以是技术性的,所以它有助于如果你知道你的方式在基本前端编码。

但是你可以在GitHub主页上了解更多,包括完整的API文档、安装说明和你可以复制/粘贴的项目代码片段。

如果你需要一个可靠的延迟加载图像脚本没有讨厌的依赖,然后逐步给一个镜头。它是完全免费的,并为开发人员提供了许多定制。

还可以查看一下渐进式的GitHub以了解更多信息并获取可下载的源代码。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20200502A0B8JS00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券