CN107800748A

CN107800748A - 页面资源获取和发放方法、装置、设备和系统

Info

Publication number: CN107800748A
Application number: CN201610808085.5A
Authority: CN
Inventors: 刘翔
Original assignee: Guangzhou Dongjing Computer Technology Co Ltd
Current assignee: Alibaba China Co Ltd
Priority date: 2016-09-07
Filing date: 2016-09-07
Publication date: 2018-03-13

Abstract

提供了一种页面资源获取和发放方法、装置以及相应的客户端设备和系统。所述页面资源获取方法包括：响应于检测到期望浏览页面的合并资源标识，直接向页面服务器发送与所述合并资源标识相对应的合并资源请求；以及直接从所述页面服务器获取与所述合并资源请求相关联的合并资源。所述合并资源标识可以设置在页面内容中，例如<head>元素内。由此，能够实现多个页面资源的一次性获取，提升页面加载效率。

Description

页面资源获取和发放方法、装置、设备和系统

技术领域

本发明涉及网络传输，尤其涉及一种用于获取和/或发放页面资源的方法、装置、设备和系统。

背景技术

随着网络技术的发展和客户端设备的普及，现今人们使用客户端上各式的应用(例如，安装在台式机上的软件应用以及安装在智能移动端上的各类APP)来满足社会生活中的各种需求。因此，提升应用的使用体验成为各个应用提供方努力的方向。

传统浏览器访问网络上的页面资源，都是先请求得到页面内容，然后解析页面内容，获得页面里的CSS、图片等资源元素，再逐一建立连接请求这些资源元素。通常，一个独立的页面里面会声明多个资源，因此传统的标准浏览器客户端就需要发起多个独立的网络请求以获取相应的资源。

针对同一页面多次独立获取网络资源会降低网络请求的效率。因此，例如WO2012152228的现有技术提出了一种改进的资源加载方法，其中，页面服务器将基础页面文件发送给浏览器客户端，将合并页面资源发送给代理服务器，并经由代理服务器将获取的多个页面资源发送给浏览器客户端。上述方法虽然能够提升网页资源本身的获取效率，但由于引入的代理服务器，并且需要把网页内容分为基础内容和资源内容两者，因此仍然无法很好地解决页面资源获取和发放的效率问题。

因此，需要一种新的技术方案来解决现有技术中的至少一个问题。

发明内容

本发明所要解决的一个问题在于提供一种页面资源获取和发放方法、装置、设备和系统，其能够无需代理服务器的介入，直接实现页面资源的合并获取和发放，从而提升页面内容加载和显示的效率。

根据本发明的一个方面，提供了一种页面资源获取方法，包括：响应于检测到期望浏览页面的合并资源标识，直接向页面服务器发送与所述合并资源标识相对应的合并资源请求；以及直接从所述页面服务器获取与所述合并资源请求相关联的合并资源。

由此，就能够直接借助于标识出各个资源的标识，一次性地获取页面显示所需的各类资源，由此避免不必要的多次独立连接并相应提升页面的加载效率。

优选地，所述合并资源标识是所述页面服务器在生成所述期望浏览页面时设定的。这样，通过将所述标识直接设置在页面内容之内，就能够确保客户端在获取页面内容时就能够解析到相应的合并资源标识。更为优选地，所述合并资源标识设定在页面的首部，例如<head>元素内。这样，能够确保在页面分析开始之时就可以启动页面资源的合并获取过程，从而进一步提升资源获取效率。

优选地，所述合并资源标识是如下之一：HTML文档的标准标签；HTML文档的自定义标签；以及HTML文档的注释。由此得以根据具体应用灵活设定标识。

优选地，直接从所述页面服务器获取与所述合并资源请求相关联的合并资源包括：直接从页面服务器获取与所述合并资源请求相关联的合并资源请求响应；以及从所述合并资源请求响应中拆分出所述期望浏览页面的合并资源。由此，通过将合并资源打包成对上述请求的响应，能够进一步地方便资源的合并传输，由此提升整体的页面加载效率。

根据本发明的另一个方面，提供了一种页面资源发放方法，包括：响应于来自客户端的页面浏览请求，将请求浏览页面的完整页面内容发送给所述客户端；以及响应于来自所述客户端的针对所述请求浏览页面的合并资源请求，直接将与所述合并资源请求相关联的合并资源发送所述客户端。这样，使得服务器能够根据客户端请求，一并发送页面资源，由此提升传输效率。

优选地，发送给所述客户端的完整页面内容包括用于标识所述合并资源的合并资源标识，并且所述合并资源请求是针对所述合并资源标识做出的。由此，就可以通过在页面内容之中包括合并资源标识来确保浏览器对合并资源的及时解析。

优选地，所述合并资源标识是所述页面服务器在生成所述请求浏览页面时设定的。由于标识在页面生成时被设定在页面内，就能够确保标识的准确性和及时性，由此进一步确保浏览器对标识的适时解析。

优选地，所述直接将与所述合并资源请求相关联的合并资源发送用户包括：直接将能从中拆分出所述合并资源的合并资源请求响应发送给所述客户端。

根据本发明的又一个方面，提出了一种页面资源获取装置，包括：合并资源请求发送单元，用于响应于检测到期望浏览页面的合并资源标识直接向页面服务器发送与所述合并资源标识相对应的合并资源请求；以及合并资源获取单元，用于直接从所述页面服务器获取与所述合并资源请求相关联的合并资源。

优选地，合并资源获取单元可以包括：合并资源请求响应获取单元，用于直接从页面服务器获取与所述合并资源请求相关联的合并资源请求响应；以及合并资源请求响应拆分单元，从所述合并资源请求响应中拆分出所述期望浏览页面的合并资源。

根据本发明的再一个方面，提出了一种客户端设备，包括：存储器，用于存储信息；通信装置，用于与外界通信；以及处理器，所述处理器与所述存储器和所述通信装置相连接，并且所述处理器用于：响应于检测到期望浏览页面的合并资源标识，经由所述通信装置直接向页面服务器发送与所述合并资源标识相对应的合并资源请求；以及经由所述通信装置直接从所述页面服务器获取与所述合并资源请求相关联的合并资源。

根据本发明的另一个方面，提出了一种页面资源发放获取系统，包括服务器和如上所述的客户端，其中所述服务器响应于来自客户端的页面浏览请求，将请求浏览页面的完整页面内容发送给所述客户端，其中所述完整页面内容包括用于标识所述合并资源的合并资源标识；以及响应于来自所述客户端的对应于所述合并资源标识的合并资源请求，直接将与所述合并资源请求相关联的合并资源发送所述客户端。

根据本发明的页面资源传输方案，能够提升页面资源的加载效率并提升服务器的传输效率。

附图说明

通过结合附图对本公开示例性实施方式进行更详细的描述，本公开的上述以及其它目的、特征和优势将变得更加明显，其中，在本公开示例性实施方式中，相同的参考标号通常代表相同部件。

图1示出了根据本发明一个实施例的页面资源获取方法。

图2示出了根据本发明一个实施例的页面资源发放方法。

图3示出了根据本发明一个实施例的页面资源获取装置。

图4示出了根据本发明一个实施例的客户端设备。

图5是根据本发明一个实施例的页面资源发放-获取系统。

具体实施方式

下面将参照附图更详细地描述本公开的优选实施方式。虽然附图中显示了本公开的优选实施方式，然而应该理解，可以以各种形式实现本公开而不应被这里阐述的实施方式所限制。相反，提供这些实施方式是为了使本公开更加透彻和完整，并且能够将本公开的范围完整地传达给本领域的技术人员。

传统浏览器访问网络上的页面资源，都是先请求得到页面内容，然后解析页面内容，获得页面里的CSS、图片等资源元素，再逐一建立连接请求这些资源元素。通常，一个独立的页面里面会声明多个资源，因此传统的标准浏览器客户端就需要发起多个独立的网络请求以获取相应的资源。本发明通过多个页面资源的合并发放与合并获取，从总体上提升页面资源的加载效率。

图1示出了根据本发明一个实施例的页面资源获取方法100。在步骤S110，响应于检测到期望浏览页面的合并资源标识，直接向页面服务器发送与合并资源标识相对应的合并资源请求。在步骤S120，直接从页面服务器获取与所述合并资源请求相关联的合并资源。这里的合并资源是由合并资源请求所请求的资源，并且可以指代页面显示所需的、被合并在一起传输给客户端的多个页面资源。

上述方法例如可由客户端，尤其是移动客户端的浏览器程序执行。在步骤S110中，对合并资源标识的检测，优选地可以是对所述标识的解析。在一个实施例中，合并资源标识可以是页面服务器在生成期望浏览页面时设定在该页面内的。因此，浏览器可以在解析页面内容时直接解析到该合并资源标识。优选地，该合并资源标识可以设定在页面的首部，例如HTML页面的<head>元素内，即<head>与</head>标签之前。这样，在浏览器开始解析页面时，就能够很快解析到该合并资源标识，以便尽早启动对合并资源的请求。当然，可以理解的是，该合并资源标识也可以位于页面内容的任何地方，甚至也可以与页面内容分开，并由页面服务器与页面内容同时或分开发送给客户端。随后，客户端可以在页面解析之前、过程中或之后的适当时间对合并资源标识进行检测或是解析。

在一个实施例中，步骤S120可以包括直接从页面服务器获取与合并资源请求相关联的合并资源请求响应，并从合并资源请求响应中拆分出所述期望浏览页面的合并资源。响应于接收到来自客户端的合并资源请求，页面服务器可以相应地发放响应，即包括了合并资源的合并资源请求响应。客户端可以在接收到该响应之后对其进行拆包，并由此获得其请求的多个资源。这样，通过服务器对合并资源的打包传输并在传输到客户端后的拆包，能够提升传输效率，由此提升页面资源加载的整体效率。

图2示出了根据本发明一个实施例的页面资源发放方法200。在步骤S210，响应于来自客户端的页面浏览请求，将请求浏览页面的完整页面内容直接发送给所述客户端。这里的“完整页面内容”指的是显示完整页面所需的内容，例如，所请求页面的完整HTML代码。在步骤S220，响应于来自所述客户端的针对所述请求浏览页面的合并资源请求，将与所述合并资源请求相关联的合并资源直接发送所述客户端。

上述方法可以服务器，尤其是页面服务器执行，以便根据用户对合并资源的请求，将特定页面的多个页面资源一并发送给请求该页面的浏览器客户端。在一个实施例中，在步骤S210中发送给用户的完整页面内容可以包括用于标识所述合并资源的合并资源标识。合并资源请求可以是请求页面资源的客户端浏览器根据该合并资源标识做出的。

优选地，该合并资源标识是所述页面服务器在生成所述请求浏览页面时设定的，例如设定在HTML页面的首部内，即<head>和</head>标签之间的head元素内。在其他实施例中，该合并资源标识也可以单独设置在完整页面内容之外，并与该页面内容同时或分开地发送给请求页面的客户端。

优选地，步骤S220可以包括直接将能从中拆分出所述合并资源的合并资源请求响应发送给所述客户端，由此确保传输的效率。

以上由页面服务器根据方法200的页面资源发放以及客户端浏览器根据方法100的页面资源获取中涉及的合并资源标识可以是HTML文档的标准标签、HTML文档的自定义标签、或是HTML文档的注释。当然，该合并资源标识也可以是能够被浏览器解析的任何一种格式，只要服务器端能够生成上述标识并且浏览器端具有能够解析该标识的模块即可。如下将根据代码对页面资源的合并发放和获取的一个优选实施例进行阐述。

首先，在页面服务器生成页面时，对需要合并的资源生成合并资源标签(在此例中为自定义的标签combo，且资源例示为css资源)：

<combo rel＝"stylesheet"

type＝"text/css"

href＝"/default_theme.css；/lib/base.css；/browser_background.css">

在浏览器请求获取并解析主文档时，解析到合并资源标签(combo)，则发起合并资源请求：

GET/HTTP/1.1

Host:www.example.com

Accept:text/css,*/*；q＝0.1

Combo-Request:/default_theme.css；/lib/base.css；/browser_background.css

其它请求头按标准，不在此描述

随后，页面服务器收到Combo-Request的请求，则解析该头部的内容，并将对应的资源打包返回给客户端。

HTTP/1.1 200 OK

Content-Encoding:gzip

Content-Type:text/css

Combo-Response:/default_theme.css；/lib/base.css；/browser_background.css

其它请求头按标准，不在此描述

最后，当浏览器客户端解析到Combo-Response的响应，从响应中拆分出对应的资源，并把资源存储在缓存中，以供后续使用。

虽然在以上的代码中示出了以自定义标签形式设置在页面内容中的合并资源标识的例子，但是本发明的页面资源发放和获取方案也可以使用例如与页面内容分开设置的其他形式的合并资源标识。

在一个实施例中，可以使用HTML标准标签来定义合并资源标识。例如可以使用一个link标签来同时包括多个资源：

在一个实施例中，页面后端可以在生成资源url时就将各种资源合并，例如如下直接获取多个页面资源：

GET/default_theme.css；/lib/base.css；/browser_background.css HTTP/1.1

Host:www.example.com

另外，该合并资源标识也可以是注释，例如：

<！--combo_begin

这里面可以是标签的内容。作为一种示例格式，里面的内容只要能被浏览器解析就可以了。浏览器需要有一个独立的模块去解析这个新增的属性或者注释。

<combo rel＝"stylesheet"

type＝"text/css"

href＝"/default_theme.css；/lib/base.css；/browser_background.css">

combo_end-->

在这里，无论是使用自定义标签、注释或是标准标签，都有其各自的优缺点。在使用自定义标签(例如，上文的combo)或是注释时，虽然需要自定义或是额外的声明，但合并在一起请求的多个资源仍能彼此保持独立，即，被合并传输但在来到客户端之后又变成了多个资源，因此能够保持各个资源的独立性。而使用标准的link标签，虽然无需自定义新的标签，但由于多个资源被当作一个资源，因此只要其中的一个资源发生变化，全部都要更新。不过通常情况下，能够合并请求请求的资源都是整体变化的。所以使用标准标签也不太会带来额外的麻烦。

以上结合图1和图2给出了根据本发明的页面资源获取和发放方法的多个实施例。应该理解的是，各优选实施例可以结合或单独实施，如下将参考图3-5对相应的页面资源获取装置、客户端设备及相应系统进行描述。

图3示出了根据本发明一个实施例的页面资源获取装置300。页面资源获取装置300可以执行根据图1及其优选实施例的页面资源获取方法，并且可以是客户端浏览器的一个模块。

页面资源获取装置300包括合并资源请求发送单元310和合并资源获取单元320。合并资源请求发送单元310可以响应于检测到期望浏览页面的合并资源标识直接向页面服务器发送与所述合并资源标识相对应的合并资源请求。合并资源获取单元320可以直接从所述页面服务器获取与所述合并资源请求相关联的合并资源。在一个优选实施例中合并资源获取单元310可以包括合并资源请求响应获取单元311和合并资源请求响应拆分单元312。合并资源请求响应获取单元311可以直接从页面服务器获取与所述合并资源请求相关联的合并资源请求响应。合并资源请求响应拆分单元312则可以从合并资源请求响应中拆分出所述期望浏览页面的合并资源。

同样地，上述合并资源标识可以位于页面之内，例如在页面生成时由页面服务器设置在页面首部内，也可以位于页面之外，并由浏览器与页面内容同时或分别获取。该标识同样也可以是标准标签，自定义标签或是注释，只要浏览器端具备读取标识中内容的模块即可，例如，响应于检测到的合并资源标识来发送合并资源请求的合并资源请求发送单元310可以包括读取合并资源标识中所含内容的读取模块。所述读取模块也可以是单独的合并资源标识读取单元。

图4示出了根据本发明一个实施例的客户端设备400。该设备可以执行根据图1及其优选实施例的方法，并且可以配备有如图3所示的模块。

客户端设备400包括存储器410、通信装置420以及连接至存储器410和通信装置420的处理器430。设备400还可以包括用于实现其完整功能的其他装置，例如显示和输入输出装置。为了避免对本发明原理的混淆，在此不对其他装置进行描述。

在设备400中，存储器410用于存储信息，通信装置420用于与外界通信。处理器420用于响应于检测到期望浏览页面的合并资源标识，经由通信装置420直接向页面服务器发送与所述合并资源标识相对应的合并资源请求，以及经由通信装置420直接从所述页面服务器获取与所述合并资源请求相关联的合并资源。

上述页面资源获取装置300和客户端设备400可以与能够实现本发明的页面资源发放方法的页面服务器结合使用。例如，页面服务器内可以包括与上述页面资源发放方法相对应的装置，并且也可以作为实现该方法的硬件设备。由此，实施本发明技术方案的客户端设备和页面服务器可以结合构成一种页面资源发放-获取系统。

图5是根据本发明一个实施例的页面资源发放-获取系统500。该系统可以包括多个客户端设备10以及多个页面服务器20。客户端设备和页面服务器经由网络30进行通信。这里的任意客户端设备可以经由网络30与任意页面服务器进行通信。只要是能够实现本发明的页面资源发放技术方案的页面服务器都可以看做是组成系统500中的一个页面服务器20，例如页面服务器20-M。同样地，只要是能够实现本发明的页面资源获取技术方案的客户端设备也都可以看做是组成该系统500的一个客户端设备，例如客户端设备10-N。网络30可以是用于实现资源发放和获取的任意网络，例如因特网。

页面服务器20可以响应于来自客户端的页面浏览请求，将请求浏览页面的完整页面内容发送给所述客户端，并且能够响应于来自所述客户端的对应于所述合并资源标识的合并资源请求，直接将与所述合并资源请求相关联的合并资源发送所述客户端。在这里，合并资源标识可以单独地由页面服务器20在恰当时刻发送给客户端(例如，在页面内容发送之前、同时或之后)，或者作为完整页面内容的一部分而被一并发送。例如，该标识可以在页面服务器生成所述页面时设置，例如设置在<head>元素内。相应地，客户端设备10可以接收来自页面服务器20的页面内容，并且根据检测到的合并资源标识向页面服务器请求合并资源。由此，客户端设备10能够一次性获取多个资源，以便实现页面的快速和高效显示。

上文中已经参考附图详细描述了根据本发明的页面资源获取和发放方法、装置、客户端设备和系统。

此外，根据本发明的方法还可以实现为一种计算机程序，该计算机程序包括用于执行本发明的上述方法中限定的上述各步骤的计算机程序代码指令。或者，根据本发明的方法还可以实现为一种计算机程序产品，该计算机程序产品包括计算机可读介质，在该计算机可读介质上存储有用于执行本发明的上述方法中限定的上述功能的计算机程序。本领域技术人员还将明白的是，结合这里的公开所描述的各种示例性逻辑块、模块、电路和算法步骤可以被实现为电子硬件、计算机软件或两者的组合。

附图中的流程图和框图显示了根据本发明的多个实施例的系统和方法的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分，所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标记的功能也可以以不同于附图中所标记的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

以上已经描述了本发明的各实施例，上述说明是示例性的，并非穷尽性的，并且也不限于所披露的各实施例。在不偏离所说明的各实施例的范围和精神的情况下，对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。本文中所用术语的选择，旨在最好地解释各实施例的原理、实际应用或对市场中的技术的改进，或者使本技术领域的其它普通技术人员能理解本文披露的各实施例。

Claims

1.一种页面资源获取方法，包括：

响应于检测到期望浏览页面的合并资源标识，直接向页面服务器发送与所述合并资源标识相对应的合并资源请求；以及

直接从所述页面服务器获取与所述合并资源请求相关联的合并资源。

2.如权利要求1所述的方法，其中，所述合并资源标识是所述页面服务器在生成所述期望浏览页面时设定在所述页面中的。

3.如权利要求2所述的方法，其中，所述合并资源标识设定在所述期望浏览页面的首部。

4.如权利要求1所述的方法，其中，所述合并资源标识是如下之一：

HTML文档的标准标签；

HTML文档的自定义标签；以及

HTML文档的注释。

5.如权利要求1所述的方法，其中，所述直接从所述页面服务器获取与所述合并资源请求相关联的合并资源包括：

直接从页面服务器获取与所述合并资源请求相关联的合并资源请求响应；以及

从所述合并资源请求响应中拆分出所述期望浏览页面的合并资源。

6.一种页面资源发放方法，包括：

响应于来自客户端的页面浏览请求，将请求浏览页面的完整页面内容直接发送给所述客户端；以及

响应于来自所述客户端的针对所述请求浏览页面的合并资源请求，将与所述合并资源请求相关联的合并资源直接发送所述客户端。

7.如权利要求6所述的方法，其中，发送给所述客户端的完整页面内容包括用于标识所述合并资源的合并资源标识，并且

所述合并资源请求是针对所述合并资源标识做出的。

8.如权利要求7所述的方法，其中，所述合并资源标识是所述页面服务器在生成所述请求浏览页面时设定在所述页面中的。

9.如权利要求6所述的方法，其中，所述直接将与所述合并资源请求相关联的合并资源发送用户包括：

直接将能从中拆分出所述合并资源的合并资源请求响应发送给所述客户端。

10.一种页面资源获取装置，包括：

合并资源请求发送单元，用于响应于检测到期望浏览页面的合并资源标识直接向页面服务器发送与所述合并资源标识相对应的合并资源请求；以及

合并资源获取单元，用于直接从所述页面服务器获取与所述合并资源请求相关联的合并资源。

11.如权利要求10所述的装置，其中，所述合并资源获取单元包括：

合并资源请求响应获取单元，用于直接从页面服务器获取与所述合并资源请求相关联的合并资源请求响应；以及

合并资源请求响应拆分单元，从所述合并资源请求响应中拆分出所述期望浏览页面的合并资源。

12.一种客户端设备，包括：

存储器，用于存储信息；

通信装置，用于与外界通信；以及

处理器，所述处理器与所述存储器和所述通信装置相连接，并且所述处理器用于：

响应于检测到期望浏览页面的合并资源标识，经由所述通信装置直接向页面服务器发送与所述合并资源标识相对应的合并资源请求；以及

经由所述通信装置直接从所述页面服务器获取与所述合并资源请求相关联的合并资源。

13.一种页面资源发放获取系统，包括服务器和如权利要求12所述的客户端，其中

所述服务器响应于来自客户端的页面浏览请求，将请求浏览页面的完整页面内容发送给所述客户端，其中所述完整页面内容包括用于标识所述合并资源的合并资源标识；以及

响应于来自所述客户端的对应于所述合并资源标识的合并资源请求，直接将与所述合并资源请求相关联的合并资源发送所述客户端。