The present application provides a method and apparatus for accelerating page rendering, wherein the accelerated page rendering method includes: triggering a native view control added on the page to render a preset page content in response to a page request, and requesting a download of a document of the page from a server; and returning the page in response to the server A comprehensive document is parsed from the document to obtain the full content of the page; the content of the page is displayed. With the present embodiment, since it takes a certain amount of time to download the document of the page and parse the entire content of the page from the document, the preset page content rendered by the native view control can be seen by the user in advance, thus shortening the time for the user to see the page content and enhancing the user's experience of browsing the page.
【技术实现步骤摘要】
加速页面渲染的方法及装置
本申请涉及互联网数据处理
,特别涉及一种加速页面渲染的方法及装置,以及,一种计算机可读介质。
技术介绍
Web页面是基于浏览器可访问的网站页面。用户通常可以使用浏览器等客户端浏览网页,一般情况下,在用户加载网页的时候,服务器会先将页面的Document(文档)发送至客户端,由客户端对该文档进行解析,从而得到网页的内容,并加载在浏览器上展示给用户。但是采用这种浏览网页的方法,加载页面的内容的速度较慢,会导致用户体验较差。例如,假设用户触发了商品详情的页面,由于下载和解析文档还需要一定的时间,就会导致用户在浏览网页的时候,网页上可能出现白屏状态。
技术实现思路
专利技术人在研究过程中发现,现有技术中因为web页面需要等待服务器端的Document完全下载完成后,才能启动对Document的解析和渲染,所以无法实现分区域渲染。此外,在web页面包括有图片资源的情况下web页面在下载Document后,还需要根据Document中的<img>标签的src属性去异步加载图片资源,故在web页面中一般会先看到文字,然后再逐渐看到图片。并且,若web页面内容不是服务器端渲染的,是前后端分离的,则需要先下载Document文档对象,解析Document文档并获得封装业务逻辑的js文件地址,请求下载js文件,js文件下载完毕后再由js发起业务请求,故用户看到页面内容的时间更晚。因此,可以采用在web页面中添加原生视图控件的方式。首先,原生视图控件可以利用本地资源提前绘制部分内容,无需等待网络请求;浏览器等客户端软件可以 ...
【技术保护点】
1.一种加速页面渲染的方法,其特征在于,该方法包括:响应于页面请求,触发所述页面上添加的原生视图控件渲染预设页面内容,以及,向服务器请求下载所述页面的文档;响应于所述服务器返回所述页面的文档,从所述文档中解析得到所述页面的全部内容;将所述页面的内容进行展示。
【技术特征摘要】
1.一种加速页面渲染的方法,其特征在于,该方法包括:响应于页面请求,触发所述页面上添加的原生视图控件渲染预设页面内容,以及,向服务器请求下载所述页面的文档;响应于所述服务器返回所述页面的文档,从所述文档中解析得到所述页面的全部内容;将所述页面的内容进行展示。2.根据权利要求1所述的方法,其特征在于,所述预设页面内容为静态页面内容,所述触发所述页面上添加的原生视图控件渲染预设页面内容,包括:触发所述原生视图控件确定在屏幕上的显示位置;触发所述原生视图控件在所述显示位置上绘制所述静态页面内容。3.根据权利要求1所述的方法,其特征在于,所述预设页面内容为动态页面内容,所述触发所述页面上添加的原生视图控件渲染预设页面内容,包括:触发所述原生视图控件确定在屏幕上的显示位置,以及,向服务器发送动态页面内容的请求;响应于所述服务器返回所述动态页面内容,触发所述原生视图控件在所述显示位置上绘制所述动态页面内容。4.根据权利要求1所述的方法,其特征在于,还包括:响应于接收到所述页面的内容加载完毕的通知事件,或者,响应于在所述页面上触发的用户操作,在页面上删除所述原生视图控件;其中,所述用户操作包括:点击、滑动、触摸和/或滚动操作。5.根据权利要求1所述的方法,其特征在于,还包括:响应于用户触发所述页面的内容滚动的操作,触发所述原生视图控件随着所述内容滚动而滚动,或者,所述原生视图控件在屏幕上的位置保持不变。6.根据权利要求1所述的方法,其特征在于,同一个页面上的原生视图控件的个数为一个或多个。7.一种加速页面渲染的装置,其特征在于,包括:触发模块,用...
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。