一种渐进式渲染网页的方法、装置、终端及存储介质制造方法及图纸

本发明专利技术公开一种渐进式渲染网页的方法、装置、终端及存储介质，对网页中主内容区块的网页元件进行加载渲染时，执行以下步骤：获取主内容区块中各个网页元件所占可视区域大小和渲染时间；根据网页元件所占可视区域大小和渲染时间计算网页元件的资讯量比率；其中资讯量比率=所占可视区域大小/渲染时间；基于资讯量比率从大到小的排序，依次将对应网页元件进行加载渲染。本发明专利技术对网页中主内容区块的网页元件进行加载渲染时，预先对网页元件进行分析，获得网页元件的资讯量比率，之后根据资讯量比率从大到小的顺序对网页元件进行加载渲染，将提供资讯量较多的网页元件优先下载，在有限的频宽中提供更大的资讯量，使得使用者感知的下载速度加以提升。载速度加以提升。载速度加以提升。

【技术实现步骤摘要】
一种渐进式渲染网页的方法、装置、终端及存储介质


[0001]本专利技术涉及渐进式渲染网页领域，具体涉及一种渐进式渲染网页的方法、装置、终端及存储介质。

技术介绍

[0002]目前的网页渲染方式主要有传统渲染方式和渐进式渲染方式，如图1所示为两种渲染方式示意图，其中上方传统渲染方式，要等到所有网页元件都准备好之后，才一次绘制到画面上；图1中下方为渐进式渲染方式，渐进式渲染的网页只要有部份网页被下载就会立刻渲染在画面上，所以在一般人的感知上，有做渐进式渲染的网页会在使用者体验上，感觉下载速度比较快。
[0003]渐进式渲染基于逐步加载网页内容，将画面一点点呈现给使用者，可以在同样的网络频宽下提高用户感知的加载速度。然而现有的渐进式渲染并不考虑主内容区块中网页元件的加载顺序问题，经常导致首先被渲染的网页元件可能是资讯量较少的内容，用户需要等待更长时间才能获得更多的有用资讯。

技术实现思路

[0004]为解决上述问题，本专利技术提供一种渐进式渲染网页的方法、装置、终端及存储介质，对于网页中主内容区块的网页元件，事先对网页内容做分本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种渐进式渲染网页的方法，其特征在于，对网页中主内容区块的网页元件进行加载渲染时，执行以下步骤：获取主内容区块中各个网页元件所占可视区域大小和渲染时间；根据网页元件所占可视区域大小和渲染时间计算网页元件的资讯量比率；其中资讯量比率=所占可视区域大小/渲染时间；基于资讯量比率从大到小的排序，依次将对应网页元件进行加载渲染。2.根据权利要求1所述的渐进式渲染网页的方法，其特征在于，获取主内容区块中各个网页元件所占可视区域大小，具体为：通过解析网页的CSS获取主内容区块中各个网页元件所占可视区域大小。3.根据权利要求2所述的渐进式渲染网页的方法，其特征在于，获取主内容区块中各个网页元件的渲染时间，具体为：获取主内容区块中各个网页元件的档案大小。4.根据权利要求3所述的渐进式渲染网页的方法，其特征在于，若网页元件为图片属性，则网页元件的档案大小为图片大小；若网页元件为文字属性，则网页元件的档案大小为字节数。5.一种渐进式渲染网页的方法，其特征在于，该方法包括以下步骤：在客户端的浏览器载入网页CSS、活动脚本和HTML；网页中标题区块完成渲染；标题区块中包含搜索条，在搜索条向服务器端发送执行搜索服务命令；服务器端执行广告服务，并将广告资料回传给客户端完成网页中广告区块的渲染；服务器端执行过滤服务，并将过滤资料回传给客户端完成网页中过滤区块的渲染；服务器端执行搜索服务，并基于权利要求1
‑
4任一项所述的方法对网页中主内容区块的网页元件进行加载渲染。6.一种渐进式渲...

【专利技术属性】
技术研发人员：刘育廷，邓淮谦，
申请(专利权)人：苏州浪潮智能科技有限公司，
类型：发明
国别省市：