[发明专利]网页内容的延迟加载方法及系统

说明书

技术领域

本发明涉及无线网络通信技术领域，尤其涉及一种网页内容的延迟加载方法及系统。

背景技术

随着互联网技术、特别是无线移动互联网技术的普及和发展，越来越多的用户开始使用无线移动终端(包括但不限于：手机、个人数字助理PDA、平板电脑等)上网获取信息。

同时，由于提供网页服务的技术相对成熟，具有开发周期短、技术门槛低、维护成本低、用户获取方便且有利于移动终端的隐私和安全保护等特点，因此，大多数互联网信息提供商均青睐于提供网页服务，其中网页内容一般包括文本、图片、视频、音频等。

通常，用户在使用无线移动终端的浏览器上网时，除了需要通过无线网络加载内容数据之外，还需要加载网页的样式信息，使得网页具有一定的格式以及排版，从而能够符合用户的阅读使用习惯。但是无线网络传输速度相对缓慢并且运营商单位流量的价格更贵，目前的互联网网站更多是针对个人电脑的访问而设计，在移动终端上体验不佳，这些因素都影响了用户使用无线终端上网浏览的用户体验。

以下简单介绍利用无线移动终端的浏览器访问互联网网页的相关术语和相关技术。

DOM：即文档对象模型(Document Object Model)，是万维网联盟W3C推荐的处理可扩展标志语言的标准编程接口。DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构。DOM实际上是以面向对象方式描述的文档模型。DOM定义了表示和修改文档所需的对象、这些对象的行为和属性以及这些对象之间的关系。可以把DOM认为是页面上数据和结构的一个树形表示，不过页面当然可能并不是以这种树的方式具体实现。根据W3C DOM规范，DOM是HTML与XML的应用编程接口(API)，DOM将整个页面映射为一个由层次节点组成的文件。根据DOM，HTML文档中的每个成分都是一个节点。节点彼此都有等级和包含关系。HTML文档中的所有节点组成了一个文档树(或节点树)。HTML文档中的每个元素、属性、文本等都代表着树中的一个节点。树起始于文档节点，并由此继续伸出枝条，直到处于这棵树最低级别的所有文本节点为止。

CSS：即层叠样式表(Cascading Style Sheets)。级联样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言)等内容样式的计算机语言。CSS是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力，简化或者优化写法，针对各类人群，有较强的易读性。

JavaScript(JS)：一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML(标准通用标记语言下的一个应用)网页上使用，用来给HTML网页增加动态功能。

另外，利用无线移动终端的浏览器打开互联网网页的过程大体上包括以下步骤：

加载网页文件、解析DOM树、JavaScript运行、CSS解析和网页渲染、网页的展现和交互。

具体而言，在利用无线移动终端的浏览器打开互联网网页时，浏览器向WEB服务器发出一个请求(即发送一个网页文件)。然后，WEB服务器向无线移动终端返回一个网页文件，在返回的网页文件中包括页面加载的初始内容的HTML描述。

无线移动终端的浏览器在收到返回的网页文件后将会使用HTML规范，将该网页文件解析为DOM树。在DOM树中包含一些特别的DOM节点，它们描述为一些特定类别的内容外链，比如描述网页需要的JavaScript文件外链，描述网页中嵌入显示的图片、视频文件外链，描述网页内容展现样式描述的CSS文件外链等。浏览器会在DOM树解析中立即发起对这些内容的网络请求。

当DOM树的解析中遇到JavaScript节点，浏览器会立即执行其中所描述的JavaScript程序代码段。这些程序同样可能对已有的DOM树进行修改，从而影响网页的内容展现。

在DOM树构造完成后，浏览器会使用网页内描述的CSS信息，对DOM树上所有的内容进行排版和样式的处理。这些内容和样式最终通过浏览器的图形界面得以描绘展现。