CN107291771A - 网页富客户端系统的访问优化方法及网页富客户端系统 - Google Patents

Abstract

本发明公开了一种网页富客户端系统的访问优化方法，包括以下步骤：读取网页富客户端系统的若干静态资源文件；按预设规则将若干静态资源文件分类归并至相应的归并节点，以供浏览器通过访问所述归并节点来访问所述网页富客户端系统的若干静态资源文件。本发明还公开了一种网页富客户端系统。本发明由于外部浏览器在访问网页富客户端系统时只需访问相应的归并节点即可完成对网页富客户端系统中所有静态资源文件的访问，而无需逐个访问每一网络静态资源文件，有效地减少了网络连接访问次数，提升了网络访问效率，从而降低了网页富客户端系统的网络访问加载耗时。

Description

网页富客户端系统的访问优化方法及网页富客户端系统

技术领域

本发明涉及计算机网络技术领域，尤其涉及一种网页富客户端系统的访问优化方法及网页富客户端系统。

背景技术

目前，基于网页富客户端模式的软件系统即网页富客户端系统应用广泛。但是同时也存在一个问题：由于网页富客户端系统代码文件繁多，如各种网络静态资源文件，而浏览器在访问网页富客户端系统时需要逐个访问每一个网络静态资源文件，提高了网络连接访问次数，使得浏览器在访问网页富客户端系统时需要耗费较长时间才能加载完所有页面，从而导致网页富客户端系统的网络访问加载耗时过多。

发明内容

本发明的主要目的在于提供一种网页富客户端系统的访问优化方法及网页富客户端系统，旨在降低网页富客户端系统的网络访问加载耗时，提升网络访问效率。

为实现上述目的，本发明提供的一种网页富客户端系统的访问优化方法，所述方法包括以下步骤：

读取网页富客户端系统的若干静态资源文件；

按预设规则将若干静态资源文件分类归并至相应的归并节点，以供浏览器通过访问所述归并节点来访问所述网页富客户端系统的若干静态资源文件。

优选地，所述静态资源文件包括脚本文件、超文本标记语言文件和/或层叠样式表文件。

优选地，所述按预设规则将若干静态资源文件分类归并至相应的归并节点的步骤包括：

将以节点树的方式进行依赖加载的若干静态资源文件中具有后级依赖文件的静态资源文件作为归并节点，并将所述归并节点的所有后级依赖文件归并至所述归并节点。

优选地，所述按预设规则将若干静态资源文件分类归并至相应的归并节点的步骤包括：

将若干静态资源文件中为实现同一网页访问加载功能的静态资源文件分类归并至同一归并节点，以供外部浏览器通过访问所述归并节点来访问所述网页富客户端应用系统中为实现同一网页访问加载功能的所有静态资源文件。

优选地，将若干静态资源文件中相同类型的静态资源文件分类归并至同一归并节点，以供浏览器通过访问所述归并节点来访问所述网页富客户端应用系统中相同类型的所有静态资源文件。

此外，为实现上述目的，本发明还提供一种网页富客户端系统，所述网页富客户端系统包括：

读取模块，用于读取网页富客户端系统的若干静态资源文件；

归并模块，用于按预设规则将若干静态资源文件分类归并至相应的归并节点，以供浏览器通过访问所述归并节点来访问所述网页富客户端系统的若干静态资源文件。

优选地，所述静态资源文件包括脚本文件、超文本标记语言文件和/或层叠样式表文件。

优选地，所述归并模块还用于：

将以节点树的方式进行依赖加载的若干静态资源文件中具有后级依赖文件的静态资源文件作为归并节点，并将所述归并节点的所有后级依赖文件归并至所述归并节点。

优选地，所述归并模块还用于：

将若干静态资源文件中为实现同一网页访问加载功能的静态资源文件分类归并至同一归并节点，以供外部浏览器通过访问所述归并节点来访问所述网页富客户端应用系统中为实现同一网页访问加载功能的所有静态资源文件。

优选地，所述归并模块还用于：

将若干静态资源文件中相同类型的静态资源文件分类归并至同一归并节点，以供浏览器通过访问所述归并节点来访问所述网页富客户端应用系统中相同类型的所有静态资源文件。

本发明提出的一种网页富客户端系统的访问优化方法及网页富客户端系统，读取网页富客户端系统的若干静态资源文件，并将读取的若干静态资源文件按预设规则分类归并至相应的归并节点。由于外部浏览器在访问网页富客户端系统时只需访问相应的归并节点即可完成对网页富客户端系统中所有静态资源文件的访问，而无需逐个访问每一网络静态资源文件，有效地减少了网络连接访问次数，提升了网络访问效率，从而降低了网页富客户端系统的网络访问加载耗时。

附图说明

图1为本发明网页富客户端系统的访问优化方法一实施例的流程示意图；

图2为本发明网页富客户端系统的访问优化方法一实施例中对以节点树的方式进行依赖加载的若干静态资源文件进行归并后的访问示意图；

图3为本发明网页富客户端系统一实施例的功能模块示意图。

本发明目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。

具体实施方式

应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

本发明提供一种网页富客户端系统的访问优化方法。

参照图1，图1为本发明网页富客户端系统的访问优化方法一实施例的流程示意图。

在一实施例中，该网页富客户端系统的访问优化方法包括：

步骤S10，读取网页富客户端系统的若干静态资源文件；

本实施例中，在对网页富客户端系统的网络访问进行优化时，首先读取该网页富客户端系统中的所有静态资源文件。其中，该静态资源文件包括但不限于脚本文件如JS文件、超文本标记语言HTML文件、层叠样式表CSS文件等。网页富客户端系统中的静态资源文件繁多，用于加载访问时的登录页面、注册页面等。在外部浏览器访问网页富客户端系统时，需访问完网页富客户端系统中的所有静态资源文件才能加载完所有页面，完成正常的访问流程。

步骤S20，按预设规则将若干静态资源文件分类归并至相应的归并节点，以供浏览器通过访问所述归并节点来访问所述网页富客户端系统的若干静态资源文件。

网页富客户端系统中的若干静态资源文件采用各自独立的加载方式或以节点树的方式进行依赖加载，若以此方式进行网页富客户端系统的网络访问加载，则浏览器在访问网页富客户端系统时需要逐个访问每一个网络静态资源文件，即对网页富客户端系统中的每一个网络静态资源文件均需进行一次http连接访问，每一次http连接访问都会产生网络访问加载耗时。而网络DNS解析耗时、HTTP通道建立耗时等均涉及到网络基础设施技术，对于网页富客户端系统而言是无法控制的，要对网页富客户端系统的网络访问进行优化只能通过减少http连接访问次数来减少网络访问加载耗时。

因此，本实施例中在读取到网页富客户端系统中的所有静态资源文件之后，按预设规则将若干静态资源文件分类归并至相应的归并节点。如可根据以节点树的方式进行依赖加载中的前后级静态资源文件均归并至前级静态资源文件的方式来获取归并节点，还可将功能相同或相近的静态资源文件归并至同一归并节点的方式来获取归并节点，还可将类型相同或相似的静态资源文件归并至同一归并节点的方式来获取归并节点，当然，也不限定其他对网页富客户端系统中的静态资源文件进行分类归并的方式。

由于对网页富客户端系统中的静态资源文件进行分类归并后，外部浏览器在访问网页富客户端系统时，只需访问所述归并节点即可访问所述网页富客户端系统中的所有静态资源文件。即只需建立与所述归并节点的http连接访问即可完成对所述网页富客户端系统中所有静态资源文件的访问，而所述归并节点的数量必然会少于所述网页富客户端系统中所有静态资源文件的数量。因此，本实施例能有效地减少http连接访问次数，从而减少网页富客户端系统的网络访问加载耗时，实现对网页富客户端系统的网络访问优化。

本实施例中读取网页富客户端系统的若干静态资源文件，并将读取的若干静态资源文件按预设规则分类归并至相应的归并节点。由于外部浏览器在访问网页富客户端系统时只需访问相应的归并节点即可完成对网页富客户端系统中所有静态资源文件的访问，而无需逐个访问每一网络静态资源文件，有效地减少了网络连接访问次数，提升了网络访问效率，从而降低了网页富客户端系统的网络访问加载耗时。

进一步地，在其他实施例中，上述步骤S20可以包括：

将以节点树的方式进行依赖加载的若干静态资源文件中具有后级依赖文件的静态资源文件作为归并节点，并将所述归并节点的所有后级依赖文件归并至所述归并节点。

本实施例中，若网页富客户端系统是采用AMD技术进行组织构建，即网页富客户端系统中的若干静态资源文件是以节点树的方式进行依赖加载的。可在具有后级依赖文件的静态资源文件中选择合适的前级静态资源文件作为归并节点，将该前级静态资源文件后面依赖的所有后级静态资源文件都归并到该前级静态资源文件上。其中，归并节点的选取可根据实际应用的需要选择节点树中不同级别的前级静态资源文件作为归并节点，在此不作限定。

这样，在不改变网页富客户端系统中若干静态资源文件的整体文件大小的前提下，外部浏览器在访问网页富客户端系统时，只需访问作为归并节点的前级静态资源文件即可访问所述网页富客户端系统中的所有静态资源文件，有效地减少了网络文件的访问次数，提升了网络访问效率，从而减少网页富客户端系统的网络访问加载耗时，实现对网页富客户端系统的网络访问优化。

在一具体实施方式中，如图2所示，图2为本发明网页富客户端系统的访问优化方法一实施例中对以节点树的方式进行依赖加载的若干静态资源文件进行归并后的访问示意图。

本实施例中，网页富客户端系统中的13个静态资源文件是以节点树的方式进行依赖加载的。在13个静态资源文件中选择具有后级依赖文件的前级静态资源文件a、b、c作为归并节点，并将前级静态资源文件a、b、c后面依赖的所有后级静态资源文件分别归并到前级静态资源文件a、b、c上。这样，在外部浏览器访问该网页富客户端系统时，只需访问作为归并节点的前级静态资源文件a、b、c及最前一级静态资源文件d这4个网络文件即可访问所述网页富客户端系统中的所有13个静态资源文件，而无需逐个单独访问所有13个静态资源文件，有效地减少了网络文件的访问次数，提升了网络访问效率，从而降低了网页富客户端系统的网络访问加载耗时。

进一步地，在其他实施例中，上述步骤S20还可以包括：

将若干静态资源文件中为实现同一网页访问加载功能的静态资源文件分类归并至同一归并节点，以供外部浏览器通过访问所述归并节点来访问所述网页富客户端应用系统中为实现同一网页访问加载功能的所有静态资源文件。

本实施例中，由于网页富客户端系统中的静态资源文件用于加载访问时的登录页面、注册页面等，且同一页面需加载完多个静态资源文件才能完成该页面的访问加载，即网页富客户端系统的静态资源文件中有多个静态资源文件是实现同一网页的访问加载功能的。因此，可根据网页富客户端系统中的静态资源文件的功能性进行分类归并，如可将网页富客户端系统的若干静态资源文件中为实现同一网页访问加载功能的静态资源文件分类归并至同一归并节点，以供外部浏览器通过访问所述归并节点来访问所述网页富客户端应用系统中为实现同一网页访问加载功能的所有静态资源文件。

例如可将网页富客户端系统的若干静态资源文件中为实现登录页面访问功能的多个静态资源文件分类归并至同一归并节点。这样，外部浏览器在访问网页富客户端系统时，只需访问所述归并节点即可访问所述网页富客户端系统中实现登录页面访问功能的多个静态资源文件，不仅能有效地减少http连接访问次数，减少网页富客户端系统的网络访问加载耗时，还能一次性加载访问整个页面，提升了网络访问效率，实现对网页富客户端系统网络访问的进一步优化。

进一步地，在其他实施例中，上述步骤S20还可以包括：

将若干静态资源文件中相同类型的静态资源文件分类归并至同一归并节点，以供浏览器通过访问所述归并节点来访问所述网页富客户端应用系统中相同类型的所有静态资源文件。

本实施例中，在对网页富客户端系统中的静态资源文件进行分类归并时，还可按照网页富客户端系统中的静态资源文件的不同类型进行分类归并，如可将若干静态资源文件中相同类型的静态资源文件分类归并至同一归并节点，以供浏览器通过访问所述归并节点来访问所述网页富客户端应用系统中相同类型的所有静态资源文件。

例如可将网页富客户端系统的若干静态资源文件中的多个JS静态资源文件分类归并至同一归并节点。这样，外部浏览器在访问网页富客户端系统时，只需访问所述归并节点即可访问所述网页富客户端系统中的所有JS静态资源文件，不仅能有效地减少http连接访问次数，减少网页富客户端系统的网络访问加载耗时，还能一次性地加载所有JS静态资源文件，有利于提升网络访问效率，实现对网页富客户端系统网络访问的进一步优化。

本发明进一步提供一种网页富客户端系统。

参照图3，图3为本发明网页富客户端系统一实施例的功能模块示意图。

在一实施例中，该网页富客户端系统包括：

读取模块01，用于读取网页富客户端系统的若干静态资源文件；

本实施例中，在对网页富客户端系统的网络访问进行优化时，首先读取该网页富客户端系统中的所有静态资源文件。其中，该静态资源文件包括但不限于脚本文件如JS文件、超文本标记语言HTML文件、层叠样式表CSS文件等。网页富客户端系统中的静态资源文件繁多，用于加载访问时的登录页面、注册页面等。在外部浏览器访问网页富客户端系统时，需访问完网页富客户端系统中的所有静态资源文件才能加载完所有页面，完成正常的访问流程。

归并模块02，用于按预设规则将若干静态资源文件分类归并至相应的归并节点，以供浏览器通过访问所述归并节点来访问所述网页富客户端系统的若干静态资源文件。

网页富客户端系统中的若干静态资源文件采用各自独立的加载方式或以节点树的方式进行依赖加载，若以此方式进行网页富客户端系统的网络访问加载，则浏览器在访问网页富客户端系统时需要逐个访问每一个网络静态资源文件，即对网页富客户端系统中的每一个网络静态资源文件均需进行一次http连接访问，每一次http连接访问都会产生网络访问加载耗时。而网络DNS解析耗时、HTTP通道建立耗时等均涉及到网络基础设施技术，对于网页富客户端系统而言是无法控制的，要对网页富客户端系统的网络访问进行优化只能通过减少http连接访问次数来减少网络访问加载耗时。

因此，本实施例中在读取到网页富客户端系统中的所有静态资源文件之后，按预设规则将若干静态资源文件分类归并至相应的归并节点。如可根据以节点树的方式进行依赖加载中的前后级静态资源文件均归并至前级静态资源文件的方式来获取归并节点，还可将功能相同或相近的静态资源文件归并至同一归并节点的方式来获取归并节点，还可将类型相同或相似的静态资源文件归并至同一归并节点的方式来获取归并节点，当然，也不限定其他对网页富客户端系统中的静态资源文件进行分类归并的方式。

由于对网页富客户端系统中的静态资源文件进行分类归并后，外部浏览器在访问网页富客户端系统时，只需访问所述归并节点即可访问所述网页富客户端系统中的所有静态资源文件。即只需建立与所述归并节点的http连接访问即可完成对所述网页富客户端系统中所有静态资源文件的访问，而所述归并节点的数量必然会少于所述网页富客户端系统中所有静态资源文件的数量。因此，本实施例能有效地减少http连接访问次数，从而减少网页富客户端系统的网络访问加载耗时，实现对网页富客户端系统的网络访问优化。

本实施例中读取网页富客户端系统的若干静态资源文件，并将读取的若干静态资源文件按预设规则分类归并至相应的归并节点。由于外部浏览器在访问网页富客户端系统时只需访问相应的归并节点即可完成对网页富客户端系统中所有静态资源文件的访问，而无需逐个访问每一网络静态资源文件，有效地减少了网络连接访问次数，提升了网络访问效率，从而降低了网页富客户端系统的网络访问加载耗时。

进一步地，在其他实施例中，上述归并模块02还可以用于：

将以节点树的方式进行依赖加载的若干静态资源文件中具有后级依赖文件的静态资源文件作为归并节点，并将所述归并节点的所有后级依赖文件归并至所述归并节点。

本实施例中，若网页富客户端系统是采用AMD技术进行组织构建，即网页富客户端系统中的若干静态资源文件是以节点树的方式进行依赖加载的。可在具有后级依赖文件的静态资源文件中选择合适的前级静态资源文件作为归并节点，将该前级静态资源文件后面依赖的所有后级静态资源文件都归并到该前级静态资源文件上。其中，归并节点的选取可根据实际应用的需要选择节点树中不同级别的前级静态资源文件作为归并节点，在此不作限定。

这样，在不改变网页富客户端系统中若干静态资源文件的整体文件大小的前提下，外部浏览器在访问网页富客户端系统时，只需访问作为归并节点的前级静态资源文件即可访问所述网页富客户端系统中的所有静态资源文件，有效地减少了网络文件的访问次数，提升了网络访问效率，从而减少网页富客户端系统的网络访问加载耗时，实现对网页富客户端系统的网络访问优化。

进一步地，在其他实施例中，上述归并模块02还可以用于：

将若干静态资源文件中为实现同一网页访问加载功能的静态资源文件分类归并至同一归并节点，以供外部浏览器通过访问所述归并节点来访问所述网页富客户端应用系统中为实现同一网页访问加载功能的所有静态资源文件。

本实施例中，由于网页富客户端系统中的静态资源文件用于加载访问时的登录页面、注册页面等，且同一页面需加载完多个静态资源文件才能完成该页面的访问加载，即网页富客户端系统的静态资源文件中有多个静态资源文件是实现同一网页的访问加载功能的。因此，可根据网页富客户端系统中的静态资源文件的功能性进行分类归并，如可将网页富客户端系统的若干静态资源文件中为实现同一网页访问加载功能的静态资源文件分类归并至同一归并节点，以供外部浏览器通过访问所述归并节点来访问所述网页富客户端应用系统中为实现同一网页访问加载功能的所有静态资源文件。

例如可将网页富客户端系统的若干静态资源文件中为实现登录页面访问功能的多个静态资源文件分类归并至同一归并节点。这样，外部浏览器在访问网页富客户端系统时，只需访问所述归并节点即可访问所述网页富客户端系统中实现登录页面访问功能的多个静态资源文件，不仅能有效地减少http连接访问次数，减少网页富客户端系统的网络访问加载耗时，还能一次性加载访问整个页面，提升了网络访问效率，实现对网页富客户端系统网络访问的进一步优化。

进一步地，在其他实施例中，上述归并模块02还可以用于：

将若干静态资源文件中相同类型的静态资源文件分类归并至同一归并节点，以供浏览器通过访问所述归并节点来访问所述网页富客户端应用系统中相同类型的所有静态资源文件。

本实施例中，在对网页富客户端系统中的静态资源文件进行分类归并时，还可按照网页富客户端系统中的静态资源文件的不同类型进行分类归并，如可将若干静态资源文件中相同类型的静态资源文件分类归并至同一归并节点，以供浏览器通过访问所述归并节点来访问所述网页富客户端应用系统中相同类型的所有静态资源文件。

例如可将网页富客户端系统的若干静态资源文件中的多个JS静态资源文件分类归并至同一归并节点。这样，外部浏览器在访问网页富客户端系统时，只需访问所述归并节点即可访问所述网页富客户端系统中的所有JS静态资源文件，不仅能有效地减少http连接访问次数，减少网页富客户端系统的网络访问加载耗时，还能一次性地加载所有JS静态资源文件，有利于提升网络访问效率，实现对网页富客户端系统网络访问的进一步优化。

上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中，包括若干指令用以使得一台终端设备(可以是手机，计算机，服务器，或者网络设备等)执行本发明各个实施例所述的方法。

以上仅为本发明的优选实施例，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，均同理包括在本发明的专利保护范围内。

Claims (10)

1.一种网页富客户端系统的访问优化方法，其特征在于，所述方法包括以下步骤：

读取网页富客户端系统的若干静态资源文件；

按预设规则将若干静态资源文件分类归并至相应的归并节点，以供浏览器通过访问所述归并节点来访问所述网页富客户端系统的若干静态资源文件。

2.如权利要求1所述的网页富客户端系统的访问优化方法，其特征在于，所述静态资源文件包括脚本文件、超文本标记语言文件和/或层叠样式表文件。

3.如权利要求1或2所述的网页富客户端系统的访问优化方法，其特征在于，所述按预设规则将若干静态资源文件分类归并至相应的归并节点的步骤包括：

将以节点树的方式进行依赖加载的若干静态资源文件中具有后级依赖文件的静态资源文件作为归并节点，并将所述归并节点的所有后级依赖文件归并至所述归并节点。

4.如权利要求1或2所述的网页富客户端系统的访问优化方法，其特征在于，所述按预设规则将若干静态资源文件分类归并至相应的归并节点的步骤包括：

将若干静态资源文件中为实现同一网页访问加载功能的静态资源文件分类归并至同一归并节点，以供外部浏览器通过访问所述归并节点来访问所述网页富客户端应用系统中为实现同一网页访问加载功能的所有静态资源文件。

5.如权利要求1或2所述的网页富客户端系统的访问优化方法，其特征在于，所述按预设规则将若干静态资源文件分类归并至相应的归并节点的步骤包括：

将若干静态资源文件中相同类型的静态资源文件分类归并至同一归并节点，以供浏览器通过访问所述归并节点来访问所述网页富客户端应用系统中相同类型的所有静态资源文件。

6.一种网页富客户端系统，其特征在于，所述网页富客户端系统包括：

读取模块，用于读取网页富客户端系统的若干静态资源文件；

归并模块，用于按预设规则将若干静态资源文件分类归并至相应的归并节点，以供浏览器通过访问所述归并节点来访问所述网页富客户端系统的若干静态资源文件。

7.如权利要求6所述的网页富客户端系统，其特征在于，所述静态资源文件包括脚本文件、超文本标记语言文件和/或层叠样式表文件。

8.如权利要求6或7所述的网页富客户端系统，其特征在于，所述归并模块还用于：

将以节点树的方式进行依赖加载的若干静态资源文件中具有后级依赖文件的静态资源文件作为归并节点，并将所述归并节点的所有后级依赖文件归并至所述归并节点。

9.如权利要求6或7所述的网页富客户端系统，其特征在于，所述归并模块还用于：

将若干静态资源文件中为实现同一网页访问加载功能的静态资源文件分类归并至同一归并节点，以供外部浏览器通过访问所述归并节点来访问所述网页富客户端应用系统中为实现同一网页访问加载功能的所有静态资源文件。

10.如权利要求6或7所述的网页富客户端系统，其特征在于，所述归并模块还用于：

将若干静态资源文件中相同类型的静态资源文件分类归并至同一归并节点，以供浏览器通过访问所述归并节点来访问所述网页富客户端应用系统中相同类型的所有静态资源文件。