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

技术编号:41794364 阅读:23 留言:0更新日期:2024-06-24 20:19
本公开涉及计算机技术领域,公开了一种页面加载方法、装置、电子设备及存储介质。本公开通过将预加载请求和资源加载请求同时发送到服务器,可以实现并行请求。可以减少请求的等待时间,加快页面加载速度。通过预加载请求,可以提前向服务器请求页面数据。服务器在接收到预加载请求后可以根据目标配置参数反馈页面数据。这样可以在页面加载完成后立即将数据加载到页面上,减少了接口请求的等待时间,提高了页面的渲染速度。另外,还减少了页面加载时间,以使用户可以更快地查看到页面内容,提高了用户的体验感。提前获取页面数据也可以确保页面在加载完全之前就呈现出页面内容。

【技术实现步骤摘要】

本公开涉及计算机,具体涉及一种页面加载方法、装置、电子设备及存储介质


技术介绍

1、在前端开发中,性能优化是非常重要的工作。我们需要对html、css、javascript等各种内容进行优化,以提升应用的性能。优化可以使应用的响应速度更快、加载速度更迅速,为用户带来更好的使用体验。同时,前端优化还能减少页面请求数量,减少宽带占用,有效地节省资源。

2、目前常见的优化策略是将接口请求放在html请求之前。对于前后端分离的页面来说,一般的加载方式是:先请求html页面,然后浏览器解析html,接着请求css和js文件,接下来js执行请求api接口,再根据返回的数据组装页面,最后请求图片并展示首屏内容。然而上述方案的页面加载方式是串行的,导致页面加载过程中的首屏时间较长(即用户需要等待较长的时间才能看到页面的内容),影响页面加载性能。


技术实现思路

1、有鉴于此,本公开提供了一种页面加载方法、装置、电子设备及存储介质,以解决现有技术中串行的页面加载方式,导致页面的首屏时间较长,影响页面加载性能的问题。本文档来自技高网...

【技术保护点】

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

2.根据权利要求1所述的方法,其特征在于,所述解析所述HTML文件,得到当前加载目标页面关联的目标资源参数以及目标配置参数,包括:

3.根据权利要求2所述的方法,其特征在于,所述查询所述脚本文件得到所述目标页面匹配的目标预加载规则,包括:

4.根据权利要求3所述的方法,其特征在于,所述获取所述目标预加载规则相匹配的目标配置参数,包括:

5.根据权利要求2所述的方法,其特征在于,所述基于目标配置参数生成预加载请求,包括:

6.根据权利要求1所述的方法,其特征在于,在基于所述目标配置...

【技术特征摘要】

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

2.根据权利要求1所述的方法,其特征在于,所述解析所述html文件,得到当前加载目标页面关联的目标资源参数以及目标配置参数,包括:

3.根据权利要求2所述的方法,其特征在于,所述查询所述脚本文件得到所述目标页面匹配的目标预加载规则,包括:

4.根据权利要求3所述的方法,其特征在于,所述获取所述目标预加载规则相匹配的目标配置参数,包括:

5.根据权利要求2所述的方法,其特征在于,所述基于目标...

【专利技术属性】
技术研发人员:刘冰然
申请(专利权)人:北京有竹居网络技术有限公司
类型:发明
国别省市:

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

1