网页图片的加载优化方法和装置制造方法及图纸

技术编号:40545810 阅读:16 留言:0更新日期:2024-03-05 19:03
本发明专利技术实施例提供了网页图片的加载优化方法和装置,包括:计算当前页面的滚动速度;当用户滚动页面时,开启图片懒加载功能;通过图片懒加载功能判断图片是否在窗口内;如果否,则不加载图片;如果是,则将所述当前页面的滚动速度与预设速度阈值进行比较,根据比较结果调整图片的属性特征;通过对页面滚动速度的判断,在到达用户想看的内容时,让窗口内的图片优先加载,减少图片加载等待的时间,提供用户体验。

【技术实现步骤摘要】

本专利技术涉及互联网,尤其是涉及网页图片的加载优化方法和装置


技术介绍

1、随着移动设备和网络技术的发展,大型网站需要展示大量的商品图片信息。如果打开网页时让所有图片一次性加载完成,需要处理很多次图片请求,等待加载时间比较长,会导致用户体验很差。

2、目前,采用图片懒加载技术,即当用户打开页面时,只加载窗口内的图片,窗口外的图片默认不加载;随着页面的滚动,图片进入了可视的范围,触发图片的懒加载显示。

3、但是,当用户想看的内容可能在整个页面的中间时,随着页面从上到下的滚动,图片也会从上到下依次加载,用户想看的图片还是需要等待上面的图片全部加载完成之后才会开始加载。如果页面中的图片较多、图片较大、网络环境不好,用户等待的时间会很长,导致用户体验很差。


技术实现思路

1、有鉴于此,本专利技术的目的在于提供网页图片的加载优化方法和装置,通过对页面滚动速度的判断,在到达用户想看的内容时,让窗口内的图片优先加载,减少图片加载等待的时间,提供用户体验。

2、第一方面,本专利技术实施例本文档来自技高网...

【技术保护点】

1.一种网页图片的加载优化方法,其特征在于,所述方法包括:

2.根据权利要求1所述的网页图片的加载优化方法,其特征在于,计算当前页面的滚动速度,包括:

3.根据权利要求2所述的网页图片的加载优化方法,其特征在于,根据所述第一页面滚动距离和所述第二页面滚动距离,计算所述当前页面的滚动速度,包括:

4.根据权利要求1所述的网页图片的加载优化方法,其特征在于,将所述当前页面的滚动速度与预设速度阈值进行比较,根据比较结果调整所述图片的属性特征,包括:

5.根据权利要求4所述的网页图片的加载优化方法,其特征在于,所述高优先级图片为重要性和优先级均为高...

【技术特征摘要】

1.一种网页图片的加载优化方法,其特征在于,所述方法包括:

2.根据权利要求1所述的网页图片的加载优化方法,其特征在于,计算当前页面的滚动速度,包括:

3.根据权利要求2所述的网页图片的加载优化方法,其特征在于,根据所述第一页面滚动距离和所述第二页面滚动距离,计算所述当前页面的滚动速度,包括:

4.根据权利要求1所述的网页图片的加载优化方法,其特征在于,将所述当前页面的滚动速度与预设速度阈值进行比较,根据比较结果调整所述图片的属性特征,包括:

5.根据权利要求4所述的网页图片的加载优化方法,其特征在于,所述高优先级图片为重要性和优先级均为高,所述低优先级图片为所述重要性...

【专利技术属性】
技术研发人员:任富佳李凌辉
申请(专利权)人:杭州老板电器股份有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1