[发明专利]页面加载方法、装置、系统、用户终端及可读存储介质

说明书

本申请实施例提供了一种页面加载方法、装置、系统、用户终端及可读存储介质，在用户打开页面时，用户终端从本地离线缓存中读取页面的html文件；在读取html文件后，从本地缓存中读取html文件引用的静态资源文件；根据读取的html文件及html文件引用的静态资源文件加载页面。由于页面所需的资源(html文件和html文件引用的静态资源文件)均存储在本地，在用户打开页面时，用户终端可以快速从本地获取上述文件，并根据上述文件进行页面加载，实现页面的快速展示，防止开启页面时白屏或卡顿。

技术领域

本申请涉及计算技术领域，具体而言，涉及一种页面加载方法、装置、系统、用户终端及可读存储介质。

背景技术

混合模式移动应用(Hybird APP)是指介于网络应用(web APP)和本地应用(Native APP)两者之间的应用。Hybird APP中内嵌有网页页面，在页面进行加载时，时常会出现白屏及资源加载耗时过长导致的页面显示卡顿问题，这些问题会给用户造成不好的使用体验。特别是在用户使用终端设备的时间比较碎片化的时候，因无法在碎片化的时间段内完成信息的获取，而选择放弃使用该应用。如何实现页面秒开，提升用户浏览页面的体验并留住用户，成为本领域技术人员需要解决的技术问题。

发明内容

有鉴于此，本申请实施例的目的在于提供一种页面加载方法、装置、系统、用户终端及可读存储介质，可以将页面所需的资源预先存储在用户终端的本地，在加载页面时从本地获取页面所需的资源，实现页面的秒开。

根据本申请实施例的一个方面，提供一种电子设备，可以包括一个或多个存储介质和一个或多个与存储介质通信的处理器。一个或多个存储介质存储有处理器可执行的机器可读指令。当电子设备运行时，处理器与存储介质之间通过总线通信，处理器执行所述机器可读指令，以执行下述的页面加载方法。

根据本申请实施例的另一方面，提供一种页面加载方法，应用于用户终端，所述方法包括：响应用户对页面进行加载的操作，从所述用户终端的本地离线缓存中读取所述页面的html文件；从所述用户终端的本地缓存中读取所述html文件中引用的静态资源文件，其中，所述静态资源文件包括JS文件、CSS文件及图片中的其中至少一种；根据所述html文件及所述html引用的静态资源文件加载所述页面。

在本申请的一些实施例中，在响应用户对页面进行加载的操作，从所述用户终端的本地离线缓存中读取所述页面的html文件之前，所述方法还包括：将所述页面的html文件预先存储到所述用户终端的本地离线缓存中；将所述html引用的静态资源文件预先存储到所述用户终端的本地缓存中。

在本申请的一些实施例中，所述方法还包括：在加载所述页面之后，检测所述页面在与所述用户终端通信连接的第一服务器中离线缓存的html文件是否更新；在检测到所述页面的html文件更新时，从所述第一服务器中下载更新后的html文件，并在所述用户终端的本地进行离线缓存；根据更新后的html文件重新加载所述页面。

在本申请的一些实施例中，第一服务器中离线缓存有所述页面的html文件，该离线缓存中还存储有记录所述html文件的manifest文件，所述检测所述页面在与所述用户终端通信连接的第一服务器中离线缓存的html文件是否更新，包括：发送检测请求到所述第一服务器，由所述第一服务器对所述manifest文件进行检测；接收所述第一服务器根据所述检测请求对所述manifest文件进行检测的检测结果；若检测结果为所述manifest文件有更新，判定离线缓存的html文件更新；若检测结果为所述manifest文件没有更新，判定离线缓存的html文件未更新。

在本申请的一些实施例中，在根据更新后的html文件重新加载所述页面之后，所述方法还包括：检测更新前后的所述html文件中引用的静态资源文件是否变更；在检测到更新前后的所述html文件中引用的静态资源文件变更时，从与所述用户终端通信连接的第二服务器中下载变更后的静态资源文件，并将变更后的静态资源文件保存到所述用户终端的缓存中。