网页加载方法、装置、电子设备及存储介质制造方法及图纸

技术编号:41739546 阅读:20 留言:0更新日期:2024-06-19 12:59
本发明专利技术涉及计算机通信领域,涉及一种网页加载方法、装置、电子设备及存储介质。该方法包括:当用户打开网页时,从预设数据库中获取页面热力图,加载所述页面热力图中的预加载图片并保存至本地存储中,无需将网页中的所有图片都进行加载,减少网页的加载时间;当用户触发了对目标图片的加载请求时,判断所述目标图片为第一图片或第二图片,若所述目标图片为第一图片,则从所述客户端的本地存储中读取所述目标图片加载至所述网页进行显示;若所述目标图片为第二图片,则利用统一资源定位符获取所述目标图片并加载至网页进行显示。本发明专利技术利用懒加载机制,只对即将进入页面可视范围的目标图片进行加载,从而提高网页的加载速度以及降低计算机资源的占用。

【技术实现步骤摘要】

本专利技术涉及计算机通信领域,涉及一种网页加载方法、装置、电子设备及存储介质


技术介绍

1、在移动应用和网页中,图片的展示往往是占用大量带宽和资源的关键因素之一。当网页中具有大量图片时,现有技术通常是在用户进入页面时一次性将整个网页的所有图片加载完,这种方法会导致网页加载缓慢,需耗费较长的首屏加载时间以及占用大量的计算机资源,从而影响用户的使用体验。


技术实现思路

1、鉴于以上内容,有必要提供一种网页加载方法,其主要目的在于提高网页的加载速度以及降低计算机资源的占用。

2、为实现上述目的,本专利技术提供一种网页加载方法,其特征在于,所述方法包括:

3、当接受到用户通过客户端发出的打开网页的请求时,从预设数据库获取所述网页的页面热力图,加载所述页面热力图中标记的预加载图片并保存至所述客户端的本地存储;

4、当接收到所述用户在所述客户端浏览网页时触发的对目标图片的加载请求时,判断所述目标图片为第一图片或第二图片,所述第一图片为所述预加载图片或用户已浏览图片,所述第二图片为用户本文档来自技高网...

【技术保护点】

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

2.如权利要求1所述的网页加载方法,其特征在于,在所述当接受到用户通过客户端发出的打开网页的请求时,从预设数据库获取所述网页的页面热力图之前,还包括:

3.如权利要求1所述的网页加载方法,其特征在于,所述加载所述页面热力图中标记的预加载图片,包括:

4.如权利要求1所述的网页加载方法,其特征在于,所述服务端根据所述统一资源定位符获取所述目标图片,判断所述目标图片的像素是否超过第二阈值;若超过所述第二阈值,则将所述目标图片分割成多个图片分片,将所述多个图片分片发送至所述客户端,若未超过所述第二阈值,则将所...

【技术特征摘要】

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

2.如权利要求1所述的网页加载方法,其特征在于,在所述当接受到用户通过客户端发出的打开网页的请求时,从预设数据库获取所述网页的页面热力图之前,还包括:

3.如权利要求1所述的网页加载方法,其特征在于,所述加载所述页面热力图中标记的预加载图片,包括:

4.如权利要求1所述的网页加载方法,其特征在于,所述服务端根据所述统一资源定位符获取所述目标图片,判断所述目标图片的像素是否超过第二阈值;若超过所述第二阈值,则将所述目标图片分割成多个图片分片,将所述多个图片分片发送至所述客户端,若未超过所述第二阈值,则将所述目标图...

【专利技术属性】
技术研发人员:李贵星
申请(专利权)人:深圳乐信软件技术有限公司
类型:发明
国别省市:

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

1