[发明专利]页面加载方法、装置、电子设备及存储介质

说明书

本公开关于一种页面加载方法、装置、电子设备及存储介质，该方法包括：在第一页面加载完成后，从服务器获取第二页面的页面文件，其中，所述第二页面是所述第一页面所关联的页面；根据所述页面文件，获取所述第二页面的静态资源，并对所述静态资源进行缓存；在接收到对所述第二页面的打开请求时，在所述第一页面下获取所述第二页面的动态资源，并加载所述第二页面的页面文件；从缓存中获取所述静态资源，并从所述第一页面获取所述动态资源，渲染所述第二页面。本公开节省了在打开第二页面时从服务器获取静态资源和动态资源的时间，减少了页面加载时间，解决了相关技术中页面加载耗时较长的技术问题。

技术领域

本公开涉及互联网技术领域，尤其涉及一种页面加载方法、装置、电子设备及存储介质。

背景技术

在Web应用中，一般分为多页应用和单页应用，其中多页应用由于页面功能单一，结构简单，所需资源较少，因此在很多场景中使用。

图1是相关技术中页面加载过程的示意图，如图1所示，在页面加载过程中，从用户在浏览器输入链接开始，到最终呈现页面，至少要经过17步之多。且由于用户与服务器之间的通信带宽、延迟，以及应用功能复杂度、所需资源(包括JavaScript、CSS、图片等资源)大小不同，页面整个加载过程耗时较长，一般可能长达几秒。

发明内容

本公开提供一种页面加载方法、装置、电子设备及存储介质，以至少解决相关技术中页面加载耗时较长的问题。本公开的技术方案如下：

根据本公开实施例的第一方面，提供一种页面加载方法，包括：

在第一页面加载完成后，从服务器获取第二页面的页面文件，其中，所述第二页面是所述第一页面所关联的页面；

根据所述页面文件，获取所述第二页面的静态资源，并对所述静态资源进行缓存；

在接收到对所述第二页面的打开请求时，在所述第一页面下获取所述第二页面的动态资源，并加载所述第二页面的页面文件；

从缓存中获取所述静态资源，并从所述第一页面获取所述动态资源，渲染所述第二页面。

可选的，从服务器获取第二页面的页面文件，包括：

向所述服务器发送对所述第二页面的页面文件的获取请求，所述获取请求用于请求所述服务器获取所述第二页面的页面数据并生成所述第二页面的页面文件；

接收所述服务器返回的所述第二页面的页面文件。

可选的，从服务器获取第二页面的页面文件，包括：

若浏览器处于空闲状态，则从服务器获取第二页面的页面文件。

可选的，根据所述页面文件，获取所述第二页面的静态资源，包括：

解析所述页面文件，获取所述第二页面的静态资源获取路径；

根据所述静态资源获取路径，获取所述第二页面的静态资源。

可选的，加载所述第二页面的页面文件，包括：

打开所述第二页面的标签页，在所述标签页下加载所述第二页面的页面文件。

可选的，在所述标签页下加载所述第二页面的页面文件，包括：

从缓存中获取所述第二页面的页面文件，并在所述标签页下加载所述第二页面的页面文件；或者

从服务器获取所述第二页面的页面文件，并在所述标签页下加载所述第二页面的页面文件。

可选的，从所述第一页面获取所述动态资源，包括：

通过所述第二页面与所述第一页面的通信，从所述第一页面获取所述动态资源。