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

说明书

本发明涉及互联网前端及数字医疗领域，公开了一种页面加载渲染优化方法、装置、设备及介质，通过页面访问请求获取静态资源文件，根据所述静态资源文件，发起动态数据请求，并判断本地是否存在与所述动态数据请求对应的缓存数据，当本地存在缓存数据时，获取本地的缓存数据进行页面动态渲染，当本地不存在缓存数据时，根据静态资源文件，获取页面初始化数据，以进行页面动态渲染，通过在页面首屏实现页面初始化数据的生成并加载，提升了前端页面首次访问的加载速度，优化了用户首屏访问体验，解决了数据请求加载带来的首屏白屏时间较长的技术问题。

技术领域

本申请涉及互联网前端及数字医疗领域，尤其是涉及一种页面加载渲染优化方法、装置、设备及介质。

背景技术

在行业新需求及国家政策的推动下，SaaS成为了医疗信息化的最佳选择，SaaS作为一种基于云的应用软件，灵活易拓展，统一开发部署，且无需投入硬件设备成本，能满足不同主体在不同场景中的特定信息化需求，实现医疗机构、医护人员与患者的互联协同，提升B端运营效率与服务水平，全面打造智慧医疗，促进医疗资源合理配置。用户在使用医疗信息化服务时，高度依赖浏览器作为入口，作为典型的前后端分离应用，医疗的服务内容均承载于Web页面之上，用户访问应用页面时，往往需要向服务器后台请求获取大量的动态数据，以在前端渲染生成动态页面。这种情况下，网页打开和交互响应的速度成为了用户体验的关键，现有技术中，通常通过CDN、浏览器缓存、离线文件等多种不同场景的缓存方式加快了首屏渲染，提升用户体验，而现有技术中的缓存技术都是在用户首次访问时生成相应的缓存数据，再次访问时利用缓存提升页面加载速度，但是新用户首次访问时，并没有相关缓存数据，导致访问时前端会出现白屏且时间会比较长，这样一来很容易给新用户带来较差的体验，甚至造成新用户丢失。

发明内容

有鉴于此，本申请提供了一种页面加载渲染优化方法、装置、设备及介质，提升前端页面首次访问的加载速度，优化了用户首屏访问体验，解决了数据请求加载带来的首屏白屏时间较长的技术问题。

根据本申请的第一方面，提供了一种页面加载渲染优化方法，包括：

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

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

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

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

根据本申请的第二方面，提供了一种页面加载渲染优化装置，包括：

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

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

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

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

根据本申请的第三方面，提供了一种计算机设备，包括存储器、处理器以及存储在存储器中并可在处理器上运行的计算机程序，处理器执行计算机程序时实现上述页面加载渲染优化方法的步骤。

根据本申请的第四方面，提供了一种计算机可读存储介质，计算机可读存储介质存储有计算机程序，计算机程序被处理器执行时实现上述页面加载渲染优化方法的步骤。