网站页面的加载方法、装置、电子设备及存储介质.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN113392353A(43)申请公布日2021.09.14(21)申请号202110680343.7(22)申请日2021.06.18(71)申请人网易（杭州）网络有限公司地址310052浙江省杭州市滨江区长河街道网商路599号4幢7层(72)发明人杨泽伟(74)专利代理机构北京润泽恒知识产权代理有限公司11319代理人吴文心(51)Int.Cl.G06F16/958(2019.01)G06F16/957(2019.01)权利要求书2页说明书11页附图1页(54)发明名称网站页面的加载方法、装置、电子设备及存储介质(57)摘要本发明实施例提供了一种网站页面的加载方法、装置、电子设备以及存储介质，其中，所述方法包括：在网站页面的加载过程中，通过加载样式文件，将网站所对应的静态资源进行预加载，减少首屏页面的加载数据量，提高首屏渲染显示的效率，同时根据样式文件中的资源集合对静态资源进行预加载，当接收到加载指令时，不仅保证页面内容显示的完整性，而且实现了页面资源滚动无缝衔接的显示效果，解决了页面显示延迟与页面滚动导致性能开销大的问题。CN113392353ACN113392353A权利要求书1/2页1.一种网站页面的加载方法，其特征在于，包括：响应于针对目标网站的打开指令，加载所述目标网站的首屏页面以及样式文件，所述样式文件包含所述目标网站的非首屏页面对应的资源集合；当所述首屏页面加载完成后，读取所述样式文件中的资源集合，并根据所述资源集合预加载对应的静态资源；响应于针对所述目标网站的非首屏页面的加载指令，根据所述加载指令和所述预加载的静态资源进行所述非首屏页面的渲染。2.根据权利要求1所述的方法，其特征在于，所述根据所述资源路径预加载对应的静态资源，包括：根据预设时间间隔预加载所述资源集合对应的静态资源。3.根据权利要求2所述的方法，其特征在于，所述按照预设时间间隔预加载所述资源路径对应的静态资源，包括：获取与所述非首屏页面对应的加载节点；根据预设时间间隔在所述加载节点添加所述资源集合，预加载所述资源集合对应的静态资源。4.根据权利要求3所述的方法，其特征在于，所述根据预设时间间隔在所述加载节点添加所述资源集合，预加载所述资源集合对应的静态资源，包括：获取所述样式文件中与所述资源集合对应的集合顺序；每隔预设时间间隔从所述资源集合中按照所述集合顺序提取目标资源集合，在所述加载节点添加所述目标资源集合；获取所述目标资源集合的目标静态资源路径，并预加载各所述目标静态资源路径对应的静态资源。5.根据权利要求4所述的方法，其特征在于，应用于客户端，所述客户端配置有函数定时器，所述函数定时器用于对所述样式文件的加载机制进行控制，以实现根据预设时间间隔预加载所述资源集合对应的静态资源。6.根据权利要求5所述的方法，其特征在于，还包括：获取所述样式文件中资源集合的数目；将所述数目作为所述函数定时器的触发次数，以根据所述触发次数对所述样式文件的加载次数进行控制。7.根据权利要求5所述的方法，其特征在于，还包括：响应于所述目标网站加载完毕或针对所述目标网站的关闭指令，销毁所述函数定时器。8.根据权利要求1所述的方法，其特征在于，所述样式文件通过如下方式生成：获取所述目标网站的网站数据；从所述网站数据中，提取满足预设条件的静态资源路径；根据所述网站数据的静态资源路径生成所述目标网站的样式文件。9.根据权利要求8所述的方法，其特征在于，所述从所述网站数据中，提取满足预设条件的静态资源路径，包括：获取所述网站数据的目标文件；2CN113392353A权利要求书2/2页从所述目标文件中提取后缀名为预设文件格式的静态资源，并获取各所述静态资源对应的静态资源路径。10.根据权利要求9所述的方法，其特征在于，所述预设文件格式为图片文件格式、视频文件格式以及音频文件格式中的至少一种。11.根据权利要求8或9或10所述的方法，其特征在于，所述资源集合为路径数组，所述根据所述网站数据的静态资源路径生成所述目标网站的样式文件，包括：获取所述静态资源路径在所述网站数据中的加载顺序；按照所述加载顺序，将预设数目的静态资源路径拼接为路径数组；将所述路径数组装载至预设的空节点，并声明所述空节点对应的属性信息，生成所述目标网站的样式文件。12.一种网站页面的加载装置，其特征在于，包括：页面加载模块，用于响应于针对目标网站的打开指令，加载所述目标网站的首屏页面以及样式文件，所述样式文件包含所述目标网站的非首屏页面对应的资源集合；静态资源加载模块，用于当所述首屏页面加载完成后，读取所述样式文件中的资源集合，并根据所述资源集合预加载对应的静态资源；页面渲染模块，用于响应于针对所述目标网站的非首屏页面的加载指令，根