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

说明书

本发明实施例公开了一种页面加载方法、装置、电子设备和存储介质。该方法由浏览器执行，包括：在对目标页面的加载过程中，如果检测到对设置有装饰器的目标接口的调用执行请求，则跳转执行所述装饰器中配置的检测是否本地存储与目标接口匹配的有效缓存数据的操作；其中，目标接口用于在被调用时向服务器请求页面数据，并将页面数据加载至目标页面；如果确定本地存储有效缓存数据，则将有效缓存数据作为请求结果提供给目标接口，并触发目标接口的继续执行，以实现对目标页面的加载。使用本发明的技术方案，可以实现使用装饰器从本地缓存获取页面数据，减少对页面数据的请求次数，加快页面的加载速度。

技术领域

本发明实施例涉及计算机技术领域，尤其涉及一种页面加载方法、装置、电子设备和存储介质。

背景技术

随着计算机技术的应用发展，越来越多的用户通过在浏览器中访问网站的Web页面来获取各种信息。而浏览器在加载一个页面的时候，除了需要获取页面对应的HTML文件之外，还要请求获取大量的页面数据以显示web页面。

现有技术中Web页面的加载速度主要依赖于网络的传输质量，网络传输速度越快，页面数据的获取速度越快，页面加载速度越快。部分用户由于其所在国家或地区的网络建设情况较差，网速较慢，因此获取页面数据的速度缓慢，无法快速显示用户要打开的页面，使得用户体验降低。

发明内容

本发明实施例提供了一种页面加载方法、装置、电子设备和存储介质，可以减少对页面数据的请求次数，加快页面的加载速度。

第一方面，本发明实施例提供了一种页面加载方法，由浏览器执行，包括：

在对目标页面的加载过程中，如果检测到对设置有装饰器的目标接口的调用执行请求，则跳转执行所述装饰器中配置的检测是否本地存储与目标接口匹配的有效缓存数据的操作；

其中，目标接口用于在被调用时向服务器请求页面数据，并将页面数据加载至目标页面；

如果确定本地存储有效缓存数据，则将有效缓存数据作为请求结果提供给目标接口，并触发目标接口的继续执行，以实现对目标页面的加载。

可选的，检测是否本地存储与目标接口匹配的有效缓存数据，包括：

获取与目标接口匹配的接口描述信息以及缓存数据的过期时间，并检测本地是否存储与接口描述信息匹配的缓存数据；

若是，则获取缓存数据的时间戳，并根据过期时间和获取的时间戳，检测存储的缓存数据是否为有效缓存数据。

可选的，在检测本地是否存储与接口描述信息匹配的缓存数据之后，还包括：

如果确定本地未存储有效缓存数据，则触发目标接口的继续执行；

在检测到目标接口完成从服务器请求的页面数据加载至目标页面的操作后，跳转执行所述装饰器中配置的将页面数据进行本地缓存的操作。

可选的，将页面数据进行本地缓存，包括：

判断是否本地存储与目标接口的接口描述信息匹配的历史缓存数据；

若是，则将历史缓存数据更新为页面数据，并存储页面数据的时间戳；

若否，则将目标接口描述信息，页面数据以及页面数据的时间戳进行本地存储。

可选的，将页面数据进行本地缓存，包括：

获取页面数据的数据量；

如果数据量处于第一数据量区间，则将页面数据缓存于本地的LocalStorage数据库中；

如果数据量处于第二数据量区域，则将页面数据缓存于本地的IndexedDB数据库中，第二数据量区域大于第一数据量区间。