[发明专利]加速页面渲染的方法及装置

说明书

本申请提供了加速页面渲染的方法及装置，其中，该加速页面渲染方法包括：响应于页面请求，触发所述页面上添加的原生视图控件渲染预设页面内容，以及，向服务器请求下载所述页面的文档；响应于所述服务器返回所述页面的文档，从所述文档中解析得到所述页面的全部内容；将所述页面的内容进行展示。采用本申请实施例，因为下载页面的文档以及从文档中解析得到页面的全部内容需要一定的时间，而原生视图控件渲染的预设页面内容就能提前被用户看到，从而缩短用户看到页面内容的时间，提升用户浏览网页的体验。

技术领域

本申请涉及互联网数据处理技术领域，特别涉及一种加速页面渲染的方法及装置，以及，一种计算机可读介质。

背景技术

Web页面是基于浏览器可访问的网站页面。用户通常可以使用浏览器等客户端浏览网页，一般情况下，在用户加载网页的时候，服务器会先将页面的Document(文档)发送至客户端，由客户端对该文档进行解析，从而得到网页的内容，并加载在浏览器上展示给用户。

但是采用这种浏览网页的方法，加载页面的内容的速度较慢，会导致用户体验较差。例如，假设用户触发了商品详情的页面，由于下载和解析文档还需要一定的时间，就会导致用户在浏览网页的时候，网页上可能出现白屏状态。

发明内容

发明人在研究过程中发现，现有技术中因为web页面需要等待服务器端的Document完全下载完成后，才能启动对Document的解析和渲染，所以无法实现分区域渲染。此外，在web页面包括有图片资源的情况下web页面在下载Document后，还需要根据Document中的<img>标签的src属性去异步加载图片资源，故在web页面中一般会先看到文字，然后再逐渐看到图片。并且，若web页面内容不是服务器端渲染的，是前后端分离的，则需要先下载Document文档对象，解析Document文档并获得封装业务逻辑的js文件地址，请求下载js文件，js文件下载完毕后再由js发起业务请求，故用户看到页面内容的时间更晚。

因此，可以采用在web页面中添加原生视图控件的方式。首先，原生视图控件可以利用本地资源提前绘制部分内容，无需等待网络请求；浏览器等客户端软件可以预先获取并存储(或预置)原生视图控件配置资源，在用户触发打开web页面的新窗口时，使用本地存储的原生视图配置资源渲染原生视图控件上的部分页面内容，让用户提前看到这部分页面内容，避免整体白屏的现象。并且，原生视图控件无需等待页面Document的下载即可直接加载图片资源，故原生视图控件的图片显示会早于web页面上的图片显示。此外，原生视图控件上需展现的动态页面内容，可以预先获取业务逻辑实现代码并存储(或预置)在客户端本地，无需等待Document文档对象下载及业务逻辑js文件下载，可以比浏览器等客户端更早地发起动态页面内容的请求。

基于此，本申请提供了一种加速页面渲染的方法，用以采用在web上可以预先添加原生视图控件的方式，在用户请求页面的内容之后，触发原生视图控件先渲染预设页面内容，同时向服务器请求下载页面的文档，因为下载页面的文档以及从文档中解析得到页面的全部内容需要一定的时间，而原生视图控件渲染的预设页面内容就能提前被用户看到，从而提升用户浏览网页的体验。

本申请还提供了一种加速页面渲染的装置，用以保证上述方法在实际中的实现及应用。

为了解决上述问题，本申请公开了一种加速页面渲染的方法，该方法包括：

响应于页面请求，触发所述页面上添加的原生视图控件渲染预设页面内容，以及，向服务器请求下载所述页面的文档；

响应于所述服务器返回所述页面的文档，从所述文档中解析得到所述页面的全部内容；

将所述页面的内容进行展示。

其中，所述预设页面内容为静态页面内容，所述触发所述页面上添加的原生视图控件渲染预设页面内容，包括：