[发明专利]一种页面资源加载的方法及装置在审
申请号: | 202010499520.7 | 申请日: | 2020-06-04 |
公开(公告)号: | CN111638922A | 公开(公告)日: | 2020-09-08 |
发明(设计)人: | 王宇 | 申请(专利权)人: | 北京字节跳动网络技术有限公司 |
主分类号: | G06F9/445 | 分类号: | G06F9/445;G06F16/957 |
代理公司: | 北京中知法苑知识产权代理有限公司 11226 | 代理人: | 李明;赵吉阳 |
地址: | 100041 北京市石景山区*** | 国省代码: | 北京;11 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 一种 页面 资源 加载 方法 装置 | ||
本公开实施例提供了一种页面资源加载的方法及装置,其中,该方法包括:响应前端页面打开请求,获取请求参数信息;所述请求参数信息中包括动态资源预加载参数信息;根据所述请求参数信息,在前端页面加载静态资源的同时,通过浏览器预加载所述前端页面所需的动态资源;将预加载的动态资源返回给前端页面,以便前端页面进行页面渲染。这样,可以实现静态资源和动态资源的并行加载,极大地缩短获取前端页面加载资源的时间,提高了前端页面渲染的效率。
技术领域
本公开涉及前端页面处理技术领域,具体而言,涉及一种页面资源加载的方法及装置。
背景技术
对于一些浏览器,通常需要创建前端页面,以加载指定的超文本标记语言(HyperText Markup Language,HTML)内容。与此同时,HTML可以依据目标需求加载对应的JavaScript语言、层叠样式表(Cascading Style Sheets,CSS)、图像(Image)等多种静态资源,还可以根据目标需求,利用异步JavaScript和可扩展的标识语言(extensible MarkupLanguage,XML)等技术加载动态资源,并利用所加载的静态资源及动态资源完成对于前端页面的渲染。
在进行前端页面的渲染时,前端页面需要先加载静态资源,然后依据所加载的静态资源中的动态资源请求地址等信息,加载动态资源,导致整个页面资源加载时间较长,对于前端页面的渲染效率较低,甚至会存在页面白屏的情况。
发明内容
有鉴于此,本公开实施例至少提供一种页面资源加载的方法及装置,能够在前端页面加载静态资源的同时,通过浏览器预加载动态资源,缩短获取前端页面加载资源的时间,提高前端页面渲染的效率。
第一方面,本公开实施例提供了一种页面资源加载的方法,所述页面资源加载的方法包括:
响应前端页面打开请求,获取请求参数信息;所述请求参数信息中包括动态资源预加载参数信息;
根据所述请求参数信息,在前端页面加载静态资源的同时,通过浏览器预加载所述前端页面所需的动态资源;
将预加载的动态资源返回给前端页面,以便前端页面进行页面渲染。
一种可选实施方式中,所述响应前端页面打开请求,获取请求参数信息,包括:
按照在浏览器与前端页面之间预先约定的请求参数表征方式,从所述前端页面打开请求对应的请求参数信息中解析出所述动态资源预加载参数信息。
一种可选实施方式中,所述预先约定的请求参数表征方式包括:在基于超文本传输协议http的统一资源定位符URL的哈希hash字段中添加用于指示所述动态资源预加载参数信息的字段;
按照在浏览器与前端页面之间预先约定的请求参数表征方式,从所述前端页面打开请求对应的请求信息中解析出所述动态资源预加载参数信息,包括:
从所述哈希hash字段中的目标自定义字段中,解析出所述动态资源预加载参数信息。
一种可选实施方式中,所述预先约定的请求参数表征方式包括通过自定义协议中的目标自定义字段指示所述动态资源预加载参数信息;
按照在浏览器与前端页面之间预先约定的请求参数表征方式,从所述前端页面打开请求对应的请求参数信息中解析出所述动态资源预加载参数信息,包括:
从基于所述自定义协议的URL中的目标自定义字段中,解析出所述动态资源预加载参数信息。
一种可选实施方式中,所述动态资源预加载参数信息中包括以下参数信息中的一种或多种:
动态资源获取地址、动态资源获取方法、动态资源返回方式。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于北京字节跳动网络技术有限公司,未经北京字节跳动网络技术有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202010499520.7/2.html,转载请声明来源钻瓜专利网。