[发明专利]一种基于SSR的BI可视化展示性能优化方法

说明书

本发明公开了一种基于SSR的BI可视化展示性能优化方法，包括以下步骤：浏览器端发起请求，Node层判断请求是否需要进行SSR处理；若不需要，则直接将请求转发到服务器端处理并向浏览器端返回数据；若需要，则执行下一步；Node层根据浏览器端的请求向服务器端请求获取相应数据，服务器端将相应数据发送至Node层进行SSR处理，将SSR处理后的数据发送至浏览器端，构建DOM结构完成本地渲染；与此同时，Node层将可重用的数据同步至客户端中；客户端从CDN或服务器端中直接加载数据，添加事件满足交互需求。本发明规避了js执行慢的问题，中间层的引入增加了系统架构的灵活性，可以对前后台通信进行主动干预，进行路由处理等，同时可以对搜索引擎优化。

技术领域

本发明涉及计算机技术领域，更具体的说是涉及一种基于SSR的BI可视化展示性能优化方法。

背景技术

Web应用通常会开发一个单页应用(SPA)，单页应用在浏览器端会比传统的网页有更好的用户体验，浏览器一般会拿到一个body为空的html，然后加载script指定的js,当所有js加载完毕后，开始执行js,最后再渲染到dom中,在这个过程中，一般用户只能等待，什么都做不了，如果用户在一个高速的网络中，高配置的设备中，以上先要加载所有的js然后再执行的过程可能不是什么大问题，但是有很多情况是网速一般，设备也可能不是最好的，在这种情况下的单页应用可能具有很差的用户体验，用户可能还未体验到浏览器端SPA的好处时，就已经离开网站了，降低了网站的浏览量。

针对这一问题，现代化的UI库提供了服务端渲染(SSR)的功能，使得所开发的SPA应用也能完美地运行在服务端，大大加快了首屏渲染的时间，用户能更快的看到网页的内容，与此同时，浏览器同时加载需要的js，加载完后把所有的DOM事件，及各种交互添加到页面中，最后还是以SPA的形式运行，既提升了首屏渲染的时间，又能获得SPA的客户端用户体验，对于SEO来说也是必要的功能。

因此，如何提供一种能够解决web应用首屏渲染慢白屏时间长的问题的基于SSR的BI可视化展示性能优化方法是本领域技术人员亟需解决的问题。

发明内容

有鉴于此，本发明提供了一种基于SSR的BI可视化展示性能优化方法，利用Node的高性能完成dom构建，规避js执行的瓶颈，从而提升首屏渲染时间，同时做到搜索引擎优化(SEO)，最终提升了用户体验。

为了实现上述目的，本发明采用如下技术方案：

一种基于SSR的BI可视化展示性能优化方法，包括以下步骤：

S1：浏览器端发起请求，Node层判断所述请求是否需要进行SSR处理；若不需要进行SSR处理，则直接将请求转发到服务器端处理并向所述浏览器端返回数据；若需要进行SSR处理，则执行S2；

S2：所述Node层根据所述浏览器端的请求向所述服务器端请求获取相应数据，所述服务器端将所述相应数据发送至所述Node层进行SSR处理；

S3：将SSR处理后的数据发送至浏览器端，构建DOM结构完成本地渲染；与此同时，所述Node层将可重用的数据同步至客户端中；

S4：所述客户端从CDN或所述服务器端中直接加载数据，添加事件满足交互需求。

优选的，所述服务器端通过CGI将所述相应数据发送至所述Node层进行SSR。

优选的，S2的具体内容包括：

请求获取原始HTML页面和SSR所需的参数，获取SSR所需的数据，并构建渲染逻辑所需的数据结构store。

优选的，S3中所述的SSR处理后的数据包括：最终HTML结构和可以重用的数据集。