【技术实现步骤摘要】
一种页面资源加载的方法及装置
本公开涉及前端页面处理
,具体而言,涉及一种页面资源加载的方法及装置。
技术介绍
对于一些浏览器,通常需要创建前端页面,以加载指定的超文本标记语言(HyperTextMarkupLanguage,HTML)内容。与此同时,HTML可以依据目标需求加载对应的JavaScript语言、层叠样式表(CascadingStyleSheets,CSS)、图像(Image)等多种静态资源,还可以根据目标需求,利用异步JavaScript和可扩展的标识语言(extensibleMarkupLanguage,XML)等技术加载动态资源,并利用所加载的静态资源及动态资源完成对于前端页面的渲染。在进行前端页面的渲染时,前端页面需要先加载静态资源,然后依据所加载的静态资源中的动态资源请求地址等信息,加载动态资源,导致整个页面资源加载时间较长,对于前端页面的渲染效率较低,甚至会存在页面白屏的情况。
技术实现思路
有鉴于此,本公开实施例至少提供一种页面资源加载的方法及装置,能够在前端页面 ...
【技术保护点】
1.一种页面资源加载的方法,其特征在于,所述页面资源加载的方法包括:/n响应前端页面打开请求,获取请求参数信息;所述请求参数信息中包括动态资源预加载参数信息;/n根据所述请求参数信息,在前端页面加载静态资源的同时,通过浏览器预加载所述前端页面所需的动态资源;/n将预加载的动态资源返回给前端页面,以便前端页面进行页面渲染。/n
【技术特征摘要】
1.一种页面资源加载的方法,其特征在于,所述页面资源加载的方法包括:
响应前端页面打开请求,获取请求参数信息;所述请求参数信息中包括动态资源预加载参数信息;
根据所述请求参数信息,在前端页面加载静态资源的同时,通过浏览器预加载所述前端页面所需的动态资源;
将预加载的动态资源返回给前端页面,以便前端页面进行页面渲染。
2.根据权利要求1所述的页面资源加载的方法,其特征在于,所述响应前端页面打开请求,获取请求参数信息,包括:
按照在浏览器与前端页面之间预先约定的请求参数表征方式,从所述前端页面打开请求对应的请求参数信息中解析出所述动态资源预加载参数信息。
3.根据权利要求2所述的页面资源加载的方法,其特征在于,所述预先约定的请求参数表征方式包括:在基于超文本传输协议http的统一资源定位符URL的哈希hash字段中添加用于指示所述动态资源预加载参数信息的字段;
按照在浏览器与前端页面之间预先约定的请求参数表征方式,从所述前端页面打开请求对应的请求参数信息中解析出所述动态资源预加载参数信息,包括:
从所述哈希hash字段中的目标自定义字段中,解析出所述动态资源预加载参数信息。
4.根据权利要求2所述的页面资源加载的方法,其特征在于,所述预先约定的请求参数表征方式包括通过自定义协议中的目标自定义字段指示所述动态资源预加载参数信息;
按照在浏览器与前端页面之间预先约定的请求参数表征方式,从所述前端页面打开请求对应的请求参数信息中解析出所述动态资源预加载参数信息,包括:
从基于所述自定义协议的URL中的目标自定义字段中,解析出所述动态资源预加载参数信息。
5.根据权利要求1~4任一所述的页面资源加载的方法,其特征在于,所述动态资源预加载参数信息中包括以下参数信息中的一种或多种:
动态资源获取地址、动态资源获取方法、动态资源返回方式。
6.根据权利要求5所述的页面资源加载的方法,其特征在于,在所述动态资源预加载参数信息包括所述动态资源返回方式,且所述动态资源返回方式为静态方式的情况下,所述将预加载的动态资源返回给前端页面,包括:
将所述预加载的动态资源存放在指定位置,并将用于从该指定位置获取动态资源的键值设置为所述动态资源返回方式所指示的预设键值,以便前端页面在加载完静态资源后,根据所述预设键值从所述指定位置处提取所述动态资源。
7.根据权利要求5所述的页面资源加载的方法,其特征在于,在所述动态资源预加载参数信息包括所述动态资源返回方式,且所述动态资源返回方式为动态方式的情况下,所述将预加载的动态资源返回给前端页面,包括:
通过调用所述动态资源返回方式所指示的调用方法,将获取的预加载的动态资源传递给前端页面;其中,通过所述调用方法传递的动态资源在所述静态资源被加载完后被所述前端页面加载。
8...
【专利技术属性】
技术研发人员:王宇,
申请(专利权)人:北京字节跳动网络技术有限公司,
类型:发明
国别省市:北京;11
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。