[发明专利]一种页面首屏渲染与资源加载方法、装置和电子设备

说明书

本发明涉及计算机技术领域，具体涉及一种页面首屏渲染与资源加载方法、装置和电子设备，包括：于服务器获取首屏数据；对所述首屏数据进行编译和渲染，并执行脚本注册；发送资源加载请求，所述脚本根据所述资源加载请求判断是否命中缓存资源；根据判断结果对所述缓存资源加载和/或缓存。本发明在加载过程中会以最快速度直接拉取缓存资源和数据进行渲染，无需经过漫长请求经服务器处理响应后再渲染和执行；从流量入口首屏渲染获取用户，在运行过程中高效转化用户并给予用户正回馈，同时减少企业的运营成本和服务器开销，以及减少用户的网络流量损耗和手机运行性能开销。

技术领域

本发明涉及计算机技术领域，尤其涉及一种页面首屏渲染与资源加载方法、装置和电子设备。

背景技术

当今智能手机成为普及的随身之物，手机浏览网页和网页应用程序广泛应用在手机端作为载体服务于每一个手机用户，也是各个服务商获取流量和高效运营的一种技术方案，当手机浏览器在用户阅览时首先需要请求资源响应，随着网页应用程序日新月异的变化使其功能和用途越来越丰富，业务承载更为复杂，加之前后端分离主流技术背景下，前端资源愈发庞大，在这一个过程中如何做好给用户一个快速流畅响应体验是获取用户量的前提，在用户操作使用网页应用程序过程中如何做好流程关键步骤的资源加载以及性能优化，是用户是否能得到优质交互体验服务的指标，美好的交互体验和快速高效流程体验是流量转化为价值用户的催化剂，我们应当竭尽全力追求运用最好的技术手段从流量入口首屏渲染获取用户，在流程过程中高效转化用户并给予用户正回馈，与此同时我们也考虑企业的运营成本和服务器开销，还有用户的网络流量损耗和手机运行性能开销。

发明内容

本发明提供了一种页面首屏渲染与资源加载方法、装置和电子设备，用于在加载过程中会以最快速度直接拉取缓存资源和数据进行渲染，减少企业的运营成本和服务器开销，以及减少用户的网络流量损耗和手机运行性能开销。

本说明书实施例提供一种页面首屏渲染与资源加载方法，包括：

于服务器获取首屏数据；

对所述首屏数据进行编译和渲染，并执行脚本注册；

发送资源加载请求，所述脚本根据所述资源加载请求判断是否命中缓存资源；

根据判断结果对所述缓存资源加载和/或缓存。

优选的，所述于服务器获取首屏数据，包括：

客户端向服务器发起请求指令；

所述服务器根据所述请求指令生成所述客户端能识别渲染的首屏数据，并将所述首屏数据以预设格式发送至所述客户端。

优选的，所述根据判断结果对所述缓存资源加载和/或缓存，包括：

所述缓存资源包括第一缓存资源和第二缓存资源；

如果所述缓存资源命中，则判断所述第一缓存资源是否有相对应的缓存资源；

如果所述缓存资源未命中，则于第二缓存资源拉取所述缓存资源至客户端进行加载和缓存。

优选的，所述判断所述第一缓存资源是否有相对应的缓存资源，包括：

当所述第一缓存资源不存在相对应的缓存资源，则于第二缓存资源拉取所述缓存资源至客户端进行加载和缓存；

当所述第一缓存资源存在相对应的缓存资源，则进行资源时效对比拉取所述缓存资源进行加载和/或缓存；

所述第一缓存资源为客户端的缓存资源，所述第二缓存资源为服务器的缓存资源。

优选的，所述进行资源时效对比拉取所述缓存资源进行加载和/或缓存，包括：

当所述第一缓存资源有效，则于所述第一缓存资源拉取所述缓存资源进行加载；