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

说明书

本发明提供一种页面加载方法、电子设备和存储介质。其中，页面加载方法，包括：应用程序启动后，异步加载应用程序中页面的页面布局和网络数据；响应于接收到打开应用程序的目标页面的指令，如果目标页面对应的页面布局已经异步加载完成，则基于目标页面对应的页面布局和目标页面的网络数据，渲染目标页面。本发明的实施例，可以有效节省页面布局和网络数据的加载时间，提升目标页面的加载效率。并且，在弱网或者无网条件下，可以借助缓存中的数据完成页面的加载，保证了应用程序运行的流畅性，提升了应用程序使用体验，此外，页面布局异步加载和同步渲染，避免同步加载页面布局导致响应慢，提升了应用程序的响应速度。

技术领域

本发明涉及互联网技术领域，具体涉及一种页面加载方法、电子设备和存储介质。

背景技术

对于移动终端如智能手机中的应用程序，通常打开应用程序中的页面过程，需要等待较长的时间，这是由于需要从服务器请求如页面布局和网络数据，而在网络条件较差、网络速度较慢时，需要等待较长的时间，此外，即使网络条件比较良好的情况下，由于请求数据需要一定的时间，因此，页面的响应速度同样受到限制，影响用户的使用体验。

发明内容

针对现有技术中的问题，本发明提供一种页面加载方法、电子设备和存储介质。

为解决上述技术问题，本发明提供以下技术方案：

第一方面，本发明提供一种页面加载方法，包括：

应用程序启动后，异步加载所述应用程序中页面的页面布局和网络数据；

响应于接收到打开所述应用程序的目标页面的指令，如果所述目标页面对应的页面布局已经异步加载完成，则基于所述目标页面对应的页面布局和所述目标页面的网络数据，渲染所述目标页面。

进一步地，所述应用程序启动后，异步加载所述应用程序中页面的页面布局和网络数据，包括：

所述应用程序启动后，创建线程池；

启动所述线程池中第一线程异步加载所述应用程序中页面的页面布局，并启动所述线程池中第二线程异步请求所述应用程序中页面的网络数据。

进一步地，所述响应于接收到打开所述应用程序的目标页面的指令，如果所述目标页面对应的页面布局已经异步加载完成，则基于所述目标页面对应的页面布局和所述目标页面的网络数据，渲染所述目标页面，包括：

判断本地缓存中是否缓存有所述目标页面的网络数据；

如果所述本地缓存中缓存有所述目标页面的网络数据，则从所述本地缓存中读取所述目标页面的网络数据，并基于所述目标页面对应的页面布局和所述目标页面的网络数据，渲染所述目标页面。

进一步地，还包括：如果所述本地缓存中未缓存有所述目标页面的网络数据，则在所述应用程序中页面的网络数据异步加载完成后，在本地缓存中缓存所述应用程序中页面的网络数据，并基于所述目标页面对应的页面布局和所述目标页面的网络数据，渲染所述目标页面。

进一步地，如果所述本地缓存中缓存有所述目标页面的网络数据，则从所述本地缓存中读取所述目标页面的网络数据，并基于所述目标页面对应的页面布局和所述目标页面的网络数据，渲染所述目标页面之后，还包括：

判断所述本地缓存中缓存的所述目标页面的网络数据与异步加载的所述目标页面的网络数据是否一致；

如果否，则基于所述异步加载的所述目标页面的网络数据，对所述目标页面进行二次渲染，并将所述异步加载的所述目标页面的网络数据对所述本地缓存中缓存的所述目标页面的网络数据进行更新。

进一步地，在判断所述本地缓存中缓存的所述目标页面的网络数据与异步加载的所述目标页面的网络数据是否一致之前，还包括：

监听所述异步加载的所述目标页面的网络数据是否加载完成；