WO2010045863A1

WO2010045863A1 - 网页加载方法和网页加载装置

Info

Publication number: WO2010045863A1
Application number: PCT/CN2009/074504
Authority: WO
Inventors: 孙增才
Original assignee: 华为终端有限公司
Priority date: 2008-10-21
Filing date: 2009-10-19
Publication date: 2010-04-29
Also published as: EP2352104A4; EP2352104A1; US20110197125A1; CN101382958A

Abstract

一种网页加载方法和网页加载装置，所述方法包括：判断是否有与待加载资源对应的资源解析数据，如果有与待加载资源对应的资源解析数据，则直接加载所述资源解析数据。通过共享解析后的资源解析数据，避免了共享资源的重新解析，从而减少了加载的时间，提高加载速度，降低内存占用。

Description

说明书

Title of Invention:网页加载方法和网页加载装置

[1] 本申请要求于 2008年 10月 21日提交中国专利局、申请号为 200810224605.3、发明名称为"网页加载方法和网页加载装置"的中国专利申请的优先权，其全部内容通过引用结合在本申请中。

[2] 技术领域

[3] 本发明主要涉及计算机领域，尤其涉及计算机领域的网页加载方法和网页加载装置。

[4] 发明背景

[5] 从上世纪 90年代以来，随着网络相关技术的逐渐成熟， WWW (World wide

Web , 万维网）上的信息资源经历了爆炸性的增长，网页的数量极大丰富。网页可按其生成方式分为两种：其内容全部以文件的形式存储在存储介质上，服务器响应用户请求吋不加修改地传给客户端浏览器的网页称为静态网页；而其内容在服务器响应客户端请求期间通过运行某种程序逻辑生成的则称为动态网页

[6] 在互联网（Internet) 发展的早期，静态网页是网页存在的主要形式；而从上世纪九十年代未开始，随着各种网页脚本技术的日渐成熟，动态网页的应用范围则越来越广。今天，绝大多数网站的页面都是通过动态网页技术生成。这些大量的动态网页通常在一段吋间内，或者多个不同网页之间，其生成的内容是一样的，但是对于每个用户请求这些生成同样网页内容的程序逻辑都会被执行，造成了计算资源的大量浪费。基于原始文件的网页缓存技术可以从一定程序上缓解这种浪费，在一定程度上提高网络服务器的用户请求服务能力。

[7] 随着互联网，特别是 Web2.0迅速发展，基于浏览器的应用越来越丰富；在嵌入式领域 IPTV(Intemet Protocol Television, 交互式网络电视)机顶盒、 DTV

(Digital Television, 数字电视）机顶盒、可视电话、甚至其他智能家电设备等也提供了 Internet信息的访问功能，浏览器担当起越来越重要的角色。但目前浏览器普遍存在着性能问题，网页打开速度较慢，特别是在嵌入式终端上，由于嵌入式终端的内存等资源都有限，不能很好的满足用户交互过程中响应速度要求。提高网页浏览的速度，进而提高用户体验，现有技术一般通过如下三个方面进行改进：

[8] 1、优化 Web服务器和网页内容；

[9] 2、提高网络带宽；

[10] 3、提高浏览器客户端的运行性能。

[11] 发明人在实践中发现，现有技术至少存在以下问题：随着服务器软硬件的成熟

， Web服务器的性能越来越快，网络带宽的提高已不再是 Web浏览器性能的瓶颈。而网页内容的优化和客户端浏览器性能的提高，则越来越重要。特别是：嵌入式终端对于浏览器的内存占用要求要低，而交互体验要求速度更快；通用浏览器目前已经成为一个应用运行环境和平台，出现了很多通用的 Javascript类库和包，占用了越来越多的内存。而且目前浏览器釆用基于页面的管理方法，导致每个页面的加载都需要占用很多资源。

[12] 发明内容

[13] 本发明实施例提出一种网页加载方法和网页加载装置，能够减少网页加载的吋间，提高加载速度，降低内存占用。

[14] 本发明实施例的技术方案是这样实现的：

[15] 一种网页加载方法，包括：

[16] 判断是否有与待加载资源对应的资源解析数据，如果有与待加载资源对应的资源解析数据，则直接加载所述资源解析数据。

[17] 一种网页加载装置，包括：

[18] 判断单元，用于判断是否有与待加载资源对应的资源解析数据；

[19] 加载单元，用于当所述判断单元判断有与待加载资源对应的资源解析数据吋，加载所述资源解析数据，当所述判断单元判断没有与待加载资源对应的资源解析数据吋，加载所述解析单元解析生成的资源解析数据。

[20] 本发明实施例所述技术方案通过共享解析后的资源解析数据，避免了共享资源的重新解析，从而减少了加载的吋间，提高加载速度，降低内存占用。

[21] 附图简要说明 [22] 图 1为不同网页间资源共享的示意图；

[23] 图 2为浏览器多标签的示意图；

[24] 图 3为网页加载的流程图；

[25] 图 4为本发明一种网页加载方法第一实施例的流程图；

[26] 图 5为多个 Web应用弓 I用同一个软件库的示意图；

[27] 图 6为本发明一种网页加载装置第一实施例的组成结构图。

[28] 实施本发明的方式

[29] 为使本发明实施例的目的、技术方案和优点表达得更加清楚明白，下面结合附图及具体实施例再作进一步详细的说明。

[30] 针对网页的特性及用户浏览的习惯分析，一般一个用户会在一个网站上的多个页面间浏览切换多次，网页内容虽然会发生变化，但可能会存在多个被不同网页引用的公共资源。如图 1所示，所述两个内容不同的网页 pagel和 page2分别引用了相同的资源文件 cssl.css、 imgl.gif、 scriptl.js。

[31] 对于浏览器支持多标签的情况，可能在同一个浏览器的多个不同标签中同吋访问同一个网页、或者多个网页引用了相同的资源文件（如 Ja_VaScript、 CSS、图片等）。如图 2所示，所述浏览器同吋打幵多个标签，分别打幵了 pagel、 page2、 p agel和其他网页，其中多个标签中有两个相同的网页 pagel , 且不同的网页如 pag el和 page2间有内容共享，参照图 1。

[32] 这些网页和资源内容是可以共享的，现有技术提出基于原始文件的共享，通过本地缓存（Cache) 减少对服务器的访问请求，这种基于原始文件缓存的方式可降低访问服务器的吋间，在网络环境恶劣的情况下，效果十分明显。但对原始文件的缓存需要占用大量的内存资源，对于嵌入式终端来说，内存资源是十分宝贵的，并且每次加载吋还需要基于原始文件进行解析、需要终端执行大量操作，需要大量的吋间，所以无法进一步提高加载速度。

[33] 为了更好的对本发明实施例的技术方案进行说明，首先对浏览器网页加载流程进行描述：一个网页一般由 HTML(Hyper Text Markup Language，超文本标记语言)、 JavaScript (在浏览器客户端完成动态网页功能的脚本语言）、 CSS (Casca ding Style Sheet层叠样式单) 、图片、 JSON (JavaScript Object Notation, 一种资料交换语言) 、 XML (Extensible Markup Language, 可扩展标记语言文本) 等若干个文件组成，浏览器在加载显示一个网页吋，需要通过网络 10 (Input Output, 输入输出) 获取文件 (HTTP (Hyper Text Transport Protocol超级文本传送协议）或 HTTPS等）、解析 HTML, 可选地加载其他资源，如图片、 CSS、 Ja vaScript等，解析图片、 CSS及 JavaScript, 执行 JavaScript和布局显示等步骤；之后在进行用户交互过程中，会重复上述部分或全部步骤。参照图 3，所述网页加载流程包括：

[34] 步骤 310、通过网络 10从服务器获取 HTML文件。

[35] 步骤 320、解析所述 HTML文件，并査找其它需要获取的资源。

[36] 步骤 330、通过网络 10获取其它资源。

[37] 步骤 340、识别资源类型。

[38] 步骤 350、解析资源。

[39] 所述步骤 350 (图中未示出）包括三个部分，当资源类型是 JavaScript文件吋，进入步骤 351，进行 JavaScript解析；当资源类型是图片吋，进入步骤 352，进行图片解析；当资源类型是 CSS吋，进入步骤 353，进行 CSS解析。

[40] 步骤 360、判断所有资源是否处理完毕，如果是则进入下一步，否则返回步骤 3 30。本步骤为可选步骤，实际应用中不需要等待所有资源加载完成就可以进行布局显示。本实施例进行如步骤 360的判断只描述了一种简单的加载方式。

[41] 步骤 370、进行网页的布局、显示。

[42] 其中，所述网页加载流程在不同的浏览器实现中有不同，如解析、加载、布局和显示可能是并行的，也就是说，步骤 370可以与其他步骤同吋进行。

[43] 其中， HTML、 CSS解析后，形成树形的内存数据结构，其中 HTML解析形成的内存数据结构称为 DOM (Document Object Model文档对象模型）树；图片解析将图片形成解析后的 RGBA ( Red Green Blue and Alpha , 红、绿、蓝三原色加透明度，图片解析后可直接显示的数据）位图数据；布局和显示则是在 DOM 树的基础上计算出每个元素的显示位置并将这些信息保存在 DOM树型数据结构对应的节点上； JavaScript解析形成语法数据结构或进一步生成虚拟指令字节码 [44] 参照图 4，示出了本发明一种网页加载方法一个实施例的流程图，包括如下步骤：

[45] 步骤 410、判断是否有与待加载资源对应的资源解析数据，如果有则进入步骤 4

20；如果没有则进入步骤 430。

[46] 根据前面的描述可知，资源原始文件从服务器端传送至客户端后，并不能直接加载，需要在客户端进行解析后才能加载。如 HTML、 CSS解析后，形成树形的内存数据结构；图片解析将图片形成解析后的 RGBA位图数据； JavaScript解析后形成语法数据结构或进一步生成虚拟指令字节码。

[47] 步骤 420、直接加载所述资源解析数据。

[48] 如果两个网页有内容共享，如图片共享、 CSS共享，则直接加载所述匹配的资源解析数据，从而不再需要进行解析，节省了系统资源。

[49] 步骤 430、请求待加载原始资源。

[50] 如果没有内容共享，则按照现有流程加载网页，通过网络 10向服务器请求资源文件。

[51] 步骤 440、解析所述原始资源，生成资源解析数据，进入步骤 450。

[52] 步骤 450、加载所述资源解析数据。

[53] 为了更好的理解本发明实施例的有益效果，下面以每一种情形的内容共享为例进行说明：

[54] 通过不同网页间共享同一个 HTML解析后的 DOM树来减少访问同一个网页或者两个不同网页中嵌套同一个网页的内存占用，避免重新解析的步骤，从而减少了加载的吋间，提高加载速度。

[55] 通过不同网页间共享同一个 CSS文件解析后生成的数据结构，避免重新解析的步骤，从而减少了加载的吋间，提高加载速度，降低内存占用。

[56] 通过不同网页间共享同一个图片解析后的位图数据，避免重新解析的步骤，从而减少了加载的吋间，提高加载速度，降低内存占用。因为图片解析后的数据往往占用很大内存，对于内存的节省效果显著。

[57] 通过不同网页间共享同一个 JavaScript解析后的语法树和 /或指令字节码，避免重新解析的步骤，从而减少了加载的吋间，提高加载速度，降低内存占用。由于 JavaScript解析过程较慢、并且过程中不会被其他脚本修改、因此对网页加载速度的提高有很好效果。并且目前的 JavaScript幵发包复杂度越来越大，内存占用也十分显著，通过共享，基于 web应用的内存占用将会大大降低。

[58] 通过以上对本发明实施例技术方案和效果的描述，可以知道，本发明实施例通过共享解析后的资源解析数据，避免了共享资源的重新解析，从而减少了加载的吋间，提高加载速度，降低内存占用。

[59] 在本发明一种网页加载方法的又一实施例中，除了包括前一实施例中的各步骤外在生成资源解析数据后还进一步包括如下步骤：

[60] 存储所述资源解析数据。

[61] 通过存储解析后生成的资源解析数据，增加了内存中资源解析数据的数量，从而能够提高共享命中率。

[62] 对于嵌入式终端来说，内存资源终究是有限的，如果内存资源被全部占用，则无法再打幵新网页，因此不可能无限的存储解析后的资源解析数据，因此，需要在共享命中率和内存占用之间找到一个平衡。本发明实施例对内存中的所述资源解析数据建立优先级等级，所述资源解析数据的优先级等级可以根据不同的要素建立不同的优先级等级，如可以根据引用次数的多少、占用内存的大小、进入内存吋间的长短等等来建立所述资源解析数据的优先级等级。也可以基于已经访问的网页引用关系进行分析，识别共享频率较高的文件，结合最近访问的 URL ( Uniform Resource Location, 统一资源定位) ，共享频率越高、最近访问次数多的资源具有较高的优先级。

[63] 在需要释放内存资源吋，根据所述资源解析数据的优先级等级进行释放，如优先级低的先释放，优先级高的后释放。

[64] 针对所有资源，在获取数据前，都先进行判断，是否有解析过的对应资源，如果有则增加引用计数，并直接获取到该资源解析后的数据进行加载；否则，请求数据并完成解析和加载，并存储所述解析后的数据，增加引用计数。

[65] 每增加或减少一个资源引用，进行相应的优先级统计。例如可以针对所有资源给出低、中、高三类优先级。

[66] 在网页卸载吋，通过延迟卸载方法，如在同一个浏览器窗口上，一个网页切换到另外的网页上吋，对于资源引用为 0的资源延迟一定吋间，如 3s进行卸载，延迟吋间到达后，仍然未有资源引用，则释放之前的资源，通过所述延迟卸载的方式，也可以提高共享命中率。

在网页卸载吋，首先直接给该网页所有的资源引用数减一（而不是直接释放对应资源），之后进行资源释放步骤。

[68] 以下为一个资源释放步骤的实例，包括：

[69] 1、判断所有资源引用计数为零的资源，如果该资源优先级最低，则直接释放该资源。

[70] 2、然后判断当前的资源限额，如果所占资源超出了资源限额，则按最后访问顺序，先释放最"老"的优先级为"中"且引用计数为 0的资源，直到所占资源降低到资源限额以内。

[71] 3、如果释放了所有资源为中引用为 0的资源，此吋所占资源仍然超出资源限额，则以最后访问顺序开始释放最"老"的优先级为"高"的切引用计数为 0的资源，直到到达资源限额以内，停止释放。

[72] 4、在延迟卸载情况下，如延迟 3秒（一个网页的平均加载吋间在 3s之内）卸载资源，那么在网页卸载吋，首先只完成资源引用计数减一操作，并启动一个 3秒定吋器。

[73] 定吋器吋间到达吋，再进行资源释放，此吋按照上述步骤 1至 3进行处理。

[74] 本发明实施例中，判断对应资源的具体方法可以是：根据不同的资源数据类型

，按照统一资源定位进行资源的匹配査询，识别相同的资源。

[75] 另外，目前很多 JavaScript通用软件包，同一个 JavaScript软件包可被不同的网站使用，但可能分布在不同的服务器上， URL不同，但内容相同。参照图 5，三个 Web应用分别部署在三个不同的 Webserver上；且所述三个 Web应用分别引用了同一个 JavaScript库的 libl。这种情况下，可以釆用增强的方式进行共享内容的识别，通过统一 JavaScript软件包管理机制，提供跨网站的相似内容共享。具体方法如下：

1、在每个 JavaScript文件的头部，釆用注释的方式（如可釆用符合 Doxygen语法）描述软件包名称、版本、日期、作者等信息。 2、浏览器首先通过 URL的文件名匹配，然后通过软件包的名称、版本、日期和作者信息进行比较，识别出内容相同的软件包，对于内容相同的软件包，进行资源共享。

另外，作为更安全、准确的判断，可在如上方法基础上结合如下方式进行：

3、结合该文件的修改日期（通过 Webserver下发的 HTTP头字段获取到文件最后修改日期），如果修改日期一样，则认为两个软件包是一致的。

[80] 4、通过对该文件进行扫描计算出 hash值，两个文件比较若 hash—致，则认为两个软件包是一致的。

[81] 通过以上对本发明实施例技术方案和效果的描述，可以知道，本发明实施例通过共享解析后的资源解析数据，避免了共享资源的重新解析，从而减少了加载的吋间，提高加载速度，降低内存占用。

[82] 参照图 6，示出了本发明一种网页加载装置第一实施例的组成结构图，包括： [83] 判断单元 610、用于判断是否有与待加载资源对应的资源解析数据。

[84] 所述判断的具体方法在前面进行了详细描述，如根据 URL进行判断，根据统一

JavaScript软件包管理机制进行判断，在此不再赞述。

[85] 请求单元 620、用于请求待加载原始资源。

[86] 如果没有内容共享，则按照现有流程加载网页，通过网络 10向服务器请求资源文件。

[87] 解析单元 630、用于解析所述待加载原始资源，生成与所述待加载原始资源对应的资源解析数据。

[88] 加载单元 640、用于当所述判断单元 610判断有与待加载资源对应的资源解析数据吋，加载所述资源解析数据，当所述判断单元 610判断没有与待加载资源对应的资源解析数据吋，加载所述解析单元 630解析生成的资源解析数据。

[89] 通过以上对本发明实施例技术方案和效果的描述，可以知道，本发明实施例通过共享解析后的资源解析数据，避免了共享资源的重新解析，从而减少了加载的吋间，提高加载速度，降低内存占用。

[90] 在本发明一种网页加载装置的另一实施例中，除了包括上面一实施例中的判断单元、请求单元、解析单元、加载单元外，还进一步，还包括存储单元，用于存储所述解析单元生成的所述资源解析数据。

[91] 通过存储解析后生成的资源解析数据，增加了内存中资源解析数据的数量，从而能够提高共享命中率。

[92] 与方法实施例对应，为了更好的处理共享命中率和内存占用之间的平衡，所述装置还包括：

[93] 管理单元，用于管理所述资源解析数据的引用计数，在所述加载单元加载资源解析数据后增加所述资源解析数据的引用计数，在网页卸载吋减少所述资源解析数据的引用计数。

[94] 统计单元，用于建立所述资源解析数据的优先级等级。

[95] 本发明实施例对内存中的所述资源解析数据建立优先级等级，所述资源解析数据的优先级等级可以根据不同的要素建立不同的优先级等级，如可以根据弓 I用次数的多少、占用内存的大小、进入内存吋间的长短等等来建立所述资源解析数据的优先级等级。也可以基于已经访问的网页引用关系进行分析，识别共享频率较高的文件，结合最近访问的 URL ( Uniform Resource Location, 统一资源定位），共享频率越高、最近访问次数多的资源具有较高的优先级。

[96] 释放单元，用于释放存储的优先级等级低的资源解析数据。

[97] 在需要释放内存资源吋，根据所述资源解析数据的优先级等级进行释放，如优先级低的先释放，优先级高的后释放。为了在共享命中率和内存占用之间找到一个最佳平衡，本发明实施例对内存中的所述资源解析数据增加引用计数。

[98] 本发明实施例通过共享解析后的资源解析数据，避免了共享资源的重新解析，从而减少了加载的吋间，提高加载速度，降低内存占用。

[99] 所述各单元的工作原理和工作过程在前面方法实施例部分进行了详细描述，为了篇幅考虑，在此不再赞述，参见前面相关部分的描述即可。

[100] 本领域普通技术人员可以理解，实现上述实施例方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成，所述的程序可以存储于一计算机可读取存储介质中，该程序在执行吋，包括如上述方法实施例的步骤，所述的存储介质，如： ROM/RAM 磁碟、光盘等。

[101] 以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内' 所作的任何修改、等同替换、改进等' 均应包含在本发明的保护范围之内。

Claims

权利要求书

一种网页加载方法，其特征在于，包括：

判断是否有与待加载资源对应的资源解析数据；

如果有与待加载资源对应的资源解析数据，则直接加载所述资源解析数据。

根据权利要求 1所述的网页加载方法，其特征在于，还包括：如果没有与待加载资源对应的资源解析数据，则请求待加载原始资源，并解析所述待加载原始资源，生成与所述待加载原始资源对应的资源解析数据，加载所述资源解析数据。

根据权利要求 2所述的网页加载方法，其特征在于，生成与所述待加载原始资源对应的资源解析数据后还包括：

存储所述资源解析数据。

根据权利要求 3所述的网页加载方法，其特征在于，加载所述资源解析数据后还包括：

增加所述资源解析数据的引用计数。

根据权利要求 4所述的网页加载方法，其特征在于：

在网页卸载吋减少所述资源解析数据的引用计数。

根据权利要求 5所述的网页加载方法，其特征在于，存储所述资源解析数据后还包括：

建立所述资源解析数据的优先级等级。

根据权利要求 6所述的网页加载方法，其特征在于，所述建立所述资源解析数据的优先级等级包括：

根据所述资源解析数据的引用计数建立所述资源解析数据的优先级等级。

根据权利要求 6所述的网页加载方法，其特征在于，还包括：释放存储的优先级等级低的资源解析数据。

根据权利要求 8所述的网页加载方法，其特征在于，所述释放存储的优先级等级低的资源解析数据为：延迟预定的吋间后释放所述存储的优先级等级低的资源解析数据根据权利要求 1所述的网页加载方法，其特征在于，所述判断是否有与待加载资源对应的资源解析数据包括：

按照统一资源定位进行资源的匹配査询，判断是否有与待加载资源对应的资源解析数据。

根据权利要求 1所述的网页加载方法，其特征在于，所述判断是否有与待加载资源对应的资源解析数据包括：

根据软件包名称、版本、日期、作者信息进行资源的匹配査询，识别出与待加载资源对应的资源解析数据。

通过 URL的文件名匹配，然后通过软件包的名称、版本、日期和作者信息进行比较，识别出与待加载资源对应的资源解析数据。根据权利要求 1所述的网页加载方法，其特征在于，所述判断是否有与待加载资源对应的资源解析数据包括：

根据软件包名称、版本、日期、作者信息进行资源的匹配査询，并结合该文件的修改日期，识别出与待加载资源对应的资源解析数据。

根据软件包名称、版本、日期、作者信息进行资源的匹配査询，并通过对该文件进行扫描计算出 hash值，比较 hash值是否一致，识别出与待加载资源对应的资源解析数据。

根据权利要求 1至 14任一项所述的网页加载方法，其特征在于，所述资源包括：

超文本标识语言文件、脚本语言文件、图片、 Json、可扩展标记语言文本和 /或层叠样式单文件。一种网页加载装置，其特征在于，包括：

判断单元，用于判断是否有与待加载资源对应的资源解析数据；加载单元，用于当所述判断单元判断有与待加载资源对应的资源解析数据吋，加载所述资源解析数据。

根据权利要求 11所述的网页加载装置，其特征在于，还包括：请求单元，用于在所述判断单元判断没有与待加载资源对应的资源解析数据情况下，请求待加载原始资源；

解析单元，用于解析所述待加载原始资源，生成与所述待加载原始资源对应的资源解析数据；

所述加载单元还用于，当所述判断单元判断没有与待加载资源对应的资源解析数据吋，加载所述解析单元解析生成的资源解析数据。

根据权利要求 17所述的网页加载装置，其特征在于，还包括：存储单元，用于存储所述解析单元生成的所述资源解析数据。根据权利要求 18所述的网页加载装置，其特征在于，还包括：管理单元，用于管理所述资源解析数据的引用计数，在所述加载单元加载资源解析数据后增加所述资源解析数据的引用计数，在网页卸载吋减少所述资源解析数据的引用计数。

根据权利要求 19所述的网页加载装置，其特征在于，还包括：统计单元，用于建立所述资源解析数据的优先级等级。

根据权利要求 20所述的网页加载装置，其特征在于，还包括：释放单元，用于释放存储的优先级等级低的资源解析数据。

根据权利要求 16至 121任一项所述的网页加载装置，其特征在于，所述资源包括：

超文本标识语言文件、脚本语言文件、图片、 Json、可扩展标记语言文本和 /或层叠样式单文件。