[发明专利]一种页面加载渲染优化方法、装置、设备及介质

权利要求书

1.一种页面加载渲染优化方法，其特征在于，包括：

根据页面访问请求获取静态资源文件；

根据所述静态资源文件，发起动态数据请求，并判断本地是否存在与所述动态数据请求对应的缓存数据；

当本地存在与所述动态数据请求对应的缓存数据时，获取本地的与所述动态数据请求对应的缓存数据进行页面动态渲染；

当本地不存在与所述动态数据请求对应的缓存数据时，根据所述静态资源文件，获取与所述动态数据请求对应的页面初始化数据，以进行页面动态渲染，其中，所述页面初始化数据由所述静态资源文件生成。

2.根据权利要求1所述的方法，其特征在于，所述根据页面访问请求获取静态资源文件的步骤之前，包括：

根据页面的动态数据请求，获取与所述动态数据请求对应的页面初始化数据；

将与所述动态数据请求对应的页面初始化数据，写入静态资源文件的JS代码片段中。

3.根据权利要求2所述的方法，其特征在于，所述根据页面的动态数据请求，获取与所述动态数据请求对应的页面初始化数据的步骤，包括：

根据页面的动态数据请求，获取与动态数据请求对应的响应数据的数据类型；

根据所述数据类型，生成与所述动态数据请求对应的页面初始化数据。

4.根据权利要求2所述的方法，其特征在于，所述根据页面的动态数据请求，获取与所述动态数据请求对应的页面初始化数据的步骤之前，包括：

根据与动态数据请求对应的响应数据的数据类型，判断需要进行初始化的数据类型。

5.根据权利要求2所述的方法，其特征在于，所述将与所述动态数据请求对应的页面初始化数据，写入静态资源文件的JS代码片段中的步骤，包括：

根据页面前端开发框架，获取页面代码对应的状态管理库类型，其中，所述页面前端开发框架包括React、Vue和Angular，所述状态管理库类型包括Flux、Redux、MobX、Vuex和Ngrx/Store；

根据页面使用的状态管理库类型，将页面对应的初始化数据写入状态管理的状态数据初始化表达式中。

6.根据权利要求3所述的方法，其特征在于，所述根据所述数据类型，生成与所述动态数据请求对应的页面初始化数据的步骤，包括：

根据所述数据类型，获取数据生成规则，其中，所述数据生成规则用于限定所述页面初始化数据的取值范围；

根据所述数据生成规则，生成与所述动态数据请求对应的页面初始化数据。

7.根据权利要求2所述的方法，其特征在于，所述根据页面的动态数据请求，获取与所述动态数据请求对应的页面初始化数据的步骤之前，包括：

判断当页面前端代码编译启动时，触发自动化程序脚本执行，其中，所述自动化程序脚本包括SHELL脚本、Python脚本、JS脚本、Ruby脚本和Lua脚本。

8.一种页面加载渲染优化装置，其特征在于，包括：

获取模块，用于根据页面访问请求获取静态资源文件；

判断模块，用于根据所述静态资源文件，发起动态数据请求，并判断本地是否存在与所述动态数据请求对应的缓存数据；

第一渲染模块，用于当本地存在与所述动态数据请求对应的缓存数据时，获取本地的与所述动态数据请求对应的缓存数据进行页面动态渲染；

第二渲染模块，用于当本地不存在与所述动态数据请求对应的缓存数据时，根据所述静态资源文件，获取与所述动态数据请求对应的页面初始化数据，以进行页面动态渲染，其中，所述页面初始化数据由所述静态资源文件生成。

9.一种计算机设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现如权利要求1至7中任一项所述页面加载渲染优化方法的步骤。

10.一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1至7中任一项所述页面加载渲染优化方法的步骤。