CN106503135A - 一种web页面加载的方法及设备 - Google Patents

一种web页面加载的方法及设备 Download PDF

Info

Publication number
CN106503135A
CN106503135A CN201610913633.0A CN201610913633A CN106503135A CN 106503135 A CN106503135 A CN 106503135A CN 201610913633 A CN201610913633 A CN 201610913633A CN 106503135 A CN106503135 A CN 106503135A
Authority
CN
China
Prior art keywords
web page
loaded
module
http
client
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN201610913633.0A
Other languages
English (en)
Inventor
李伟龙
薛军利
刘本熙
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Inspur General Software Co Ltd
Original Assignee
Inspur General Software Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Inspur General Software Co Ltd filed Critical Inspur General Software Co Ltd
Priority to CN201610913633.0A priority Critical patent/CN106503135A/zh
Publication of CN106503135A publication Critical patent/CN106503135A/zh
Pending legal-status Critical Current

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • G06F16/986—Document structures and storage, e.g. HTML extensions
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00—Network arrangements or protocols for supporting network services or applications
    • H04L67/01—Protocols
    • H04L67/02—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00—Network arrangements or protocols for supporting network services or applications
    • H04L67/14—Session management
    • H04L67/141—Setup of application sessions

Landscapes

  • Engineering & Computer Science (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Signal Processing (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本发明实施例提供了一种WEB页面加载的方法及设备，涉及网页显示技术领域。该方法包括：接收客户端发送的HTTP链接请求消息；建立HTTP链接，并向客户端发送HTTP链接响应消息；HTTP链接响应消息中携带有HTML的开始标签；根据待加载的WEB页面的标识信息，加载待加载的WEB页面对应的模块的数据内容；将加载的WEB页面对应的模块的数据内容通过HTTP链接发送至客户端；其中，待加载的WEB页面对应的最后一个模块的数据内容中携带有HTML的结束标签；在将携带有HTML的结束标签的模块的数据内容发送至客户端后，释放HTTP链接。减少了客户端与服务器端的交互，提高页面的加载速度。

Description

一种WEB页面加载的方法及设备
技术领域
本发明涉及网页显示技术领域，尤其涉及一种WEB页面加载的方法及设备。
背景技术
随着现代网络技术的发展与互联网标准的不断完善，基于浏览器客户端引擎的RIA（Internet Application，即丰富互联网应用程序）开发技术正在越来越受到人们的关注。在通信技术领域，由于Web网管系统通常具备较高的实时性与客户端性能要求，而采用RIA技术开发的Web应用以其丰富的界面表现力、迅速的交互响应和高效的网络通信等等优势逐步成为B/S（Browser/Server）体系结构下的Web网管开发首选。
在实际开发过程中，由于网管系统多模块、高扩展与增值业务等方面的需求，导致基于RIA的Web网管客户端应用程序会出现体积臃肿庞大，首次加载慢、内存开销大等不好的用户体验，并且程序的可扩展性差、维护困难。
为此，在大型系统的开发中，开发者往往倾向于采用模块化的开发方式。它把一个系统分解成各个不同的模块，进行迭代式增量开发，既提高了开发效率和质量，又保证了良好的扩展性。开发完成的模块直接通过约定进行组合，便可以实现系统的各大功能。目前，C/S（Client/Server）体系结构和传统的B/S（Brower/Server）体系结构已经相继推出了模块化解决方案，例如Java平台下的OSGi规范JavaScript开发中的CommonJS规范等等，这些规范的模块化管理框架通过引入满足一定机制的模块管理器，可以在程序运行时对各功能模块的加载进行动态管理。
模块化的系统开发有着明显的优势，但是在进行模块化的页面加载时，要求客户端针对每个模块向服务器端发送一次HTTP（（HyperText Transfer Protocol，超文本传输协议）请求，这样一来，增加了客户端与服务器端的交互，降低了一个页面的加载速度。
发明内容
本发明的实施例提供一种WEB页面加载的方法及设备，用以减少客户端与服务器端的交互，提高页面的加载速度。
为达到上述目的，本发明的实施例采用如下技术方案：
本发明实施例提供了一种WEB页面加载的方法，包括：接收客户端发送的超文本传输协议HTTP链接请求消息；所述HTTP链接请求消息中携带有待加载的WEB页面的标识信息；建立HTTP链接，并向所述客户端发送HTTP链接响应消息；所述HTTP链接响应消息中携带有超文本标记语言HTML的开始标签；根据所述待加载的WEB页面的标识信息，加载所述待加载的WEB页面对应的模块的数据内容；将加载的所述WEB页面对应的模块的数据内容通过所述HTTP链接发送至所述客户端；其中，所述待加载的WEB页面对应的最后一个模块的数据内容中携带有HTML的结束标签；在将携带有所述HTML的结束标签的模块的数据内容发送至客户端后，释放所述HTTP链接。
可选地，在所述接收客户端发送的超文本传输协议HTTP请求消息之前，还包括：将WEB页面划分为至少两个模块；确定所述至少两个模块的优先级及加载策略；所述根据所述待加载的WEB页面的标识信息，加载所述待加载的WEB页面对应的模块的数据内容包括：根据所述待加载的WEB页面的标识信息，确定所述待加载页面WEB页面对应的至少两个模块；根据所述至少两个模块的优先级及加载策略，加载所述待加载的WEB页面对应的所述至少两个模块的数据内容。
进一步的，本发明实施例提供了一种WEB页面加载的方法，包括：获取待加载的WEB页面的标识信息；向服务器发送超文本传输协议HTTP链接请求消息；所述HTTP链接请求消息中携带有待加载的WEB页面的标识信息；接收所述服务器发送的HTTP链接响应消息；所述HTTP链接响应消息中携带有超文本标记语言HTML的开始标签；通过所述HTTP链接接收所述服务器发送的待加载的WEB页面对应的模块的数据内容，并显示接收的模块的数据内容对应的显示数据，直至接收到携带了HTML的接收标签的模块的数据内容；其中，所述待加载的WEB页面对应的最后一个模块的数据内容中携带有HTML的结束标签；在所述待加载WEB页面对应的模块的数据内容中包含有HTML的结束标签时，释放所述HTTP链接。
可选地，在所述向服务器发送超文本传输协议HTTP链接请求消息之前，还包括：根据所述待加载的WEB页面的标识信息，确定缓存中是否存储有所述待加载的WEB页面；所述向服务器发送超文本传输协议HTTP链接请求消息包括：在所述缓存中未存储所述待加载的WEB页面时，向服务器发送超文本传输协议HTTP链接请求消息。
可选地，所述缓存包括本地缓存LocalStorage或Cookie缓存。
进一步的，本发明实施例提供了一种服务器，包括：接收单元，用于接收客户端发送的超文本传输协议HTTP链接请求消息；所述HTTP链接请求消息中携带有待加载的WEB页面的标识信息；处理单元，用于建立HTTP链接，并向所述客户端发送HTTP链接响应消息；所述HTTP链接响应消息中携带有超文本标记语言HTML的开始标签；加载单元，用于根据所述待加载的WEB页面的标识信息，加载所述待加载的WEB页面对应的模块的数据内容；发送单元，用于将所述加载模块加载的所述WEB页面对应的模块的数据内容通过所述HTTP链接发送至所述客户端；其中，所述待加载的WEB页面对应的最后一个模块的数据内容中携带有HTML的结束标签；所述处理单元，还用于在将携带有所述HTML的结束标签的模块的数据内容发送至客户端后，释放所述HTTP链接。
可选地，处理单元，还用于将WEB页面划分为至少两个模块；确定所述至少两个模块的优先级及加载策略；所述加载单元，具体用于根据所述待加载的WEB页面的标识信息，确定所述待加载页面WEB页面对应的至少两个模块；根据所述至少两个模块的优先级及加载策略，加载所述待加载的WEB页面对应的所述至少两个模块的数据内容。
进一步的，本发明实施例提供了一种客户端，包括：获取单元，用于获取待加载的WEB页面的标识信息；发送单元，用于向服务器发送超文本传输协议HTTP链接请求消息；所述HTTP链接请求消息中携带有待加载的WEB页面的标识信息；接收单元，用于接收所述服务器发送的HTTP链接响应消息；所述HTTP链接响应消息中携带有超文本标记语言HTML的开始标签；处理单元，用于通过所述HTTP链接接收所述服务器发送的待加载的WEB页面对应的模块的数据内容，并显示接收的模块的数据内容对应的显示数据，直至接收到携带了HTML的接收标签的模块的数据内容；其中，所述待加载的WEB页面对应的最后一个模块的数据内容中携带有HTML的结束标签；处理单元，还用于在所述待加载WEB页面对应的模块的数据内容中包含有HTML的结束标签时，释放所述HTTP链接。
可选地，还包括：确定单元，用于根据所述待加载的WEB页面的标识信息，确定缓存中是否存储有所述待加载的WEB页面；所述发送单元，具体用于在所述确定单元确定出所述缓存中未存储所述待加载的WEB页面时，向服务器发送超文本传输协议HTTP链接请求消息。
可选地，所述缓存包括本地缓存LocalStorage或Cookie缓存。
本发明实施例提供了一种WEB页面加载的方法及设备，包括：接收客户端发送的HTTP链接请求消息，建立HTTP链接，并向客户端发送HTTP链接响应消息，且HTTP链接响应消息中携带有HTML的开始标签，根据待加载的WEB页面的标识信息加载待加载的WEB页面对应的模块的数据内容；将加载的WEB页面对应的模块的数据内容通过HTTP链接发送至客户端，在将携带有HTML的结束标签的模块的数据内容发送至客户端后，释放HTTP链接。这样，在本发明中，服务器向客户端返回HTTP链接响应消息时，仅携带HTML开始标签，由于客户端只有在接收到HTML结束标签时，才会释放HTTL链接，因此服务器端在向客户端返回的HTTP链接响应消息中仅携带HTML开始标签时，服务器与客户端的HTTP链接会一直保持，此时服务器可以将待加载的WEB页面的各个模块的数据内容进行加载，并通过此HTML链接发送至客户端，待加载的WEB页面的最后一个模块发送至客户端后，释放HTTP链接。这样一来，本发明是仅建立一次HTTP链接，即可完成待加载的WEB页面全部模块的数据内容发送至客户端，实现了减少客户端与服务器端的交互，提高页面的加载速度的目的。
附图说明
为了更清楚地说明本发明实施例的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1为本发明实施例提供的一种WEB页面加载的方法的流程示意图；
图2为本发明实施例提供的另一种WEB页面加载的方法的流程示意图；
图3为本发明实施例提供的另一种WEB页面加载的方法的流程示意图；
图4为本发明实施例提供的另一种WEB页面加载的方法的流程示意图；
图5为本发明实施例提供的一种服务器的结构示意图；
图6为本发明实施例提供的一种客户端的结构示意图；
图7为本发明实施例提供的另一种客户端的结构示意图。
具体实施方式
下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
如图1所示，本发明实施例提供了一种WEB页面加载的方法，包括：
步骤101、接收客户端发送的HTTP（Hypertext Transfer Protocol，超文本传输协议）链接请求消息。
其中，HTTP链接请求消息中携带有待加载的WEB（World Wide Web，万维网）页面的标识信息。
具体的，客户端需要加载WEB页面时，需要先与服务器间建立HTTP链接，此时客户端向服务器发送HTTP链接请求消息，并将待加载的WEB页面的标识信息添加至此HTTP链接请求消息中。服务器可以接收客户端发送的携带了待加载的WEB页面的标识信息的HTTP链接请求消息。
步骤102、建立HTTP链接，并向客户端发送HTTP链接响应消息。
其中，HTTP链接响应消息中携带有HTML（HyperText Markup Language，超文本标记语言）的开始标签。
具体的，服务器在接收到客户端发送的HTTP链接请求消息后，可以建立服务器与客户端间的HTTP链接，并在HTTP链接建立完成后，向客户端返回HTTP链接响应消息，由于客户端建立HTTP链接是为了请求服务器加载待加载的WEB页面，因此，服务器在向客户端返回HTTP链接响应消息时，可以携带占位的HTML文件，其中HTML文件中包括HTML的开始标签，这样一来，通过携带了HTML的开始标签的占位的HTML文件，客户端会在HTTP链接中等待服务器返回的待加载的WEB页面的相关数据。
步骤103、根据待加载的WEB页面的标识信息，加载待加载的WEB页面对应的模块的数据内容。
具体的，服务器接收的HTTP请求消息中携带有待加载的WEB页面的标识信息，服务器可以解析HTTP请求消息，提取出待加载的WEB页面的标识信息，这样一来，服务器可以根据待加载的WEB页面的标识信息，确定出客户端需要加载的WEB页面，进而确定出此WEB页面包含的模块，服务器可以加载各个模块的数据内容，即为各个模块的CSS引用信息。
进一步的，由于每个WEB页面的模块具有显示顺序，例如在页面顶端的模块需要优先显示，服务器在将各个页面进行模块划分时，可以同时设置各个模块的优先级，这样服务器在对待加载WEB页面的各个模块的数据内容进行加载时，可以按照各个模块的优先级进行其数据内容的加载，即为按照优先级由高到低的顺序进行待加载的WEB页面的各个模块的数据内容的加载。
步骤104、将加载的WEB页面对应的模块的数据内容通过HTTP链接发送至客户端。
其中，待加载的WEB页面对应的最后一个模块的数据内容中携带有HTML的结束标签。
具体的，服务器在加载出待加载的WEB页面的模块的数据内容时后，可以直接通过HTTP链接发送至客户端，直至将待加载的WEB页面的最后一个模块的数据内容加载完成后，此时由于服务器在待加载的WEB页面的最后一个模块的数据内容发送至客户端后，即可完成待加载的WEB页面的加载，此时服务器可以释放其与客户端间的HTTP链接，并告知客户端记载完成可以释放HTTP链接，此时服务器可以在最后一个模块的数据内容中添加HTML的结束标签。这样一来，客户端在接收到最后一个模块的数据内容后，可以在最后一个模块的数据内容中解析出HTML的结束标签，进而可以使客户端释放HTTP链接。
进一步的，由于待加载WEB页面的模块有多个，服务器可以在完成一个待加载WEB页面的模块的数据内容的加载后，通过HTTP链接发送至客户端，从而实现逐个将待加载WEB页面的模块的数据内容通过HTTP链接发送至客户端，直至最后一个模块的数据内容通过HTTP链接发送至客户端。
步骤105、在将携带有HTML的结束标签的模块的数据内容发送至客户端后，释放HTTP链接。
具体的，服务器在将待加载的WEB页面的所有模块的数据内容均加载完并发送至客户端后，即完成了待加载的WEB页面的加载，此时服务器可以释放服务器与客户端间的HTTP链接。
进一步的，在实现上述步骤 101-105时，服务器可以通过BigPipe处理，其具体的实现代码如下：
这样，在本发明中，服务器向客户端返回HTTP链接响应消息时，仅携带HTML开始标签，由于客户端只有在接收到HTML结束标签时，才会释放HTTL链接，因此服务器端在向客户端返回的HTTP链接响应消息中仅携带HTML开始标签时，服务器与客户端的HTTP链接会一直保持，此时服务器可以将待加载的WEB页面的各个模块的数据内容进行加载，并通过此HTML链接发送至客户端，待加载的WEB页面的最后一个模块发送至客户端后，释放HTTP链接。这样一来，本发明是仅建立一次HTTP链接，即可完成待加载的WEB页面全部模块的数据内容发送至客户端，实现了减少客户端与服务器端的交互，提高页面的加载速度的目的。
进一步的，如图2所示，在上述步骤101之前，所述方法还包括：
步骤106、将WEB页面划分为至少两个模块。
具体的，为了更快的加载WEB页面，减少用户等待WEB页面的加载时间，服务器可以将WEB页面划分为多个模块，此时服务器可以根据各个WEB页面的内容，将WEB页面划分为至少两个模块，且每个模块的数据内容不同，即为每个模块显示的内容不同。
步骤107、确定至少两个模块的优先级及加载策略。
具体的，由于WEB页面需要从其顶端的数据开始显示，因此服务器在进行WEB页面的模块加载时，应该从包含了WEB页面顶端的数据内容的模块开始加载，即为按照包含的数据内容为WEB页面的顶端到底端的顺序进行模块的加载，此时可以根据各个模块包含的数据内容确定出各个模块的优先级。也就是说，数据内容为WEB页面的顶端数据的模块的优先级最高，以便在按照各个模块的优先级进行模块加载时，可以最先加载包含了WEB页面的顶端数据的模块。
由于每个模块包含的数据内容不尽相同，可以将根据每个模块包含的数据内容，确定出每个模块的加载策略，以便最快的加载出各个模块。
此时，步骤103根据待加载的WEB页面的标识信息，加载待加载的WEB页面对应的模块的数据内容包括：
根据待加载的WEB页面的标识信息，确定待加载页面WEB页面对应的至少两个模块。根据至少两个模块的优先级及加载策略，加载待加载的WEB页面对应的至少两个模块的数据内容。
也就是说，服务器可以根据待加载的WEB页面的标识信息，确定出待加载的WEB页面所对应的至少两个模块。进而可以确定出这至少两个模块的优先级及加载策略，根据每个模块的优先级及加载策略，进行每个模块的数据内容的加载。即为，按照优先级由高至低的顺序，加载各个模块，且在加载各个模块的数据内容，可以根据各个模块的加载策略进行加载。
这样一来，在本发明可以将WEB页面进行模块的划分，在加载时，实现模块化的数据加载，进一步的提高了页面的加载速度。
如图3所示，本发明实施例提供了一种WEB页面加载的方法，包括：
步骤201、获取待加载的WEB页面的标识信息。
具体的，用户在需要进行WEB页面的加载时，可以向客户端输入待加载的WEB页面的标识信息，客户端获取待加载的WEB页面的标识信息。
步骤202、向服务器发送超文本传输协议HTTP链接请求消息。
其中，HTTP链接请求消息中携带有待加载的WEB页面的标识信息。
具体的，客户端在获取了待加载的WEB页面的标识信息后，需要加载待加载的WEB页面，由于客户端中无法直接加载WEB页面，因此需要通过服务器来加载，此时客户端可以将待加载的WEB页面的标识信息添加至HTTP链接请求消息，并将HTTP链接请求消息发送至服务器，以便服务器根据HTTP链接请求消息中携带的待加载的WEB页面的标识信息获知客户端需要加载哪个WEB页面。
步骤203、接收服务器发送的HTTP链接响应消息。
其中，HTTP链接响应消息中携带有超文本标记语言HTML的开始标签。
具体的，由于客户端与服务器进行WEB页面的数据传输是通过HTTP链接进行的，因此需要先建立HTTP链接。客户端在向服务器发送了HTTP链接请求消息后，服务器建立HTTP链接，并在建立了HTTP链接后，向客户端发送HTTP链接响应消息，以便告知客户端HTTP链接建立完成。由于WEB页面是通过HTML实现的显示的，且服务器为了减少与客户端见的HTTP链接的建立次数，可以在此HTTP链接中仅携带HTML的开始标签，由于未携带HTML的结束标签，所以客户端确定出服务器端未发送完WEB页面的数据，此时需要继续等待服务器端发送的内容。
步骤204、通过HTTP链接接收服务器发送的待加载WEB页面对应的模块的数据内容，并显示接收的模块的数据内容对应的显示数据，直至接收到携带了HTML的接收标签的模块的数据内容。
其中，待加载的WEB页面对应的最后一个模块的数据内容中携带有HTML的结束标签。
具体的，由于服务器是逐个加载待加载的WEB页面的各个模块，并通过HTTP链接发送至客户端，因此客户端可以通过HTTP链接逐个接收到服务器发送的待加载的WEB页面的各个模块的数据内容，并将接收的各个模块的数据内容进行解析，在页面的对应位置显示出每个模块的数据内容对应的显示数据。服务器将待加载的WEB页面的最后一个模块的数据内容添加了HTML的结束标签，因此，客户端在接收到模块的数据内容进行解析时，若未解析出HTML的结束标签，则说明此模块不是待加载的WEB页面的最后一个模块的数据内容，需要进行在HTTP链接中接收下一个模块的数据内容。若客户端在模块的数据内容中解析出HTML的结束标签，则说明此模块是待加载的WEB页面的最后一个模块的数据内容，客户端的待加载的WEB页面被加载并显示完成。
步骤205、在待加载WEB页面对应的模块的数据内容中包含有HTML的结束标签时，释放所述TP链接。
具体的，客户端在解析出HTML的结束标签，则说明此模块是待加载的WEB页面的最后一个模块的数据内容，客户端完成了待加载的WEB页面的加载显示，此时客户端可以释放HTTP链接。
这样，在本发明中，服务器向客户端返回HTTP链接响应消息时，仅携带HTML开始标签，由于客户端只有在接收到HTML结束标签时，才会释放HTTL链接，因此服务器端在向客户端返回的HTTP链接响应消息中仅携带HTML开始标签时，服务器与客户端的HTTP链接会一直保持，此时服务器可以将待加载的WEB页面的各个模块的数据内容进行加载，并通过此HTML链接发送至客户端，待加载的WEB页面的最后一个模块发送至客户端后，释放HTTP链接。这样一来，本发明是仅建立一次HTTP链接，即可完成待加载的WEB页面全部模块的数据内容发送至客户端，实现了减少客户端与服务器端的交互，提高页面的加载速度的目的。
进一步的，在上述步骤202之前，如图4所示，上述方法还包括：
步骤206、根据待加载的WEB页面的标识信息，确定缓存中是否存储有待加载WEB页面。
具体的，在客户端的缓存中可以存储部分WEB页面，这样用户在进行WEB页面的加载时，若在缓存中存储了此WEB页面，客户端可以直接在缓存中加载此WEB页面，并显示出，从而可以提高WEB页面的加载速度。因此客户端在获取了待加载的WEB页面的标识信息后，可以先在缓存中存储的各个WEB页面中，查找是否存储有待加载的WEB页面。
若查找出存储了待加载的WEB页面，则可以将缓存中存储的待加载的WEB页面直接显示出，无需通过服务器进行待加载的WEB页面的加载，即为无需执行上述步骤202-205。
若查找出没有存储待加载的WEB页面，则需要通过服务器进行待加载的WEB页面的加载，此时步骤202向服务器发送超文本传输协议HTTP链接请求消息包括：
在缓存中未存储待加载的WEB页面时，向服务器发送超文本传输协议HTTP链接请求消息。
进一步的，缓存包括LocalStorage（本地缓存）或Cookie缓存。
这样一来，通过在客户端的缓存中存储WEB页面，可以在用户进行WEB页面的加载时，若在缓存中存储了此WEB页面，客户端可以直接在缓存中加载此WEB页面，并显示出，从而可以提高WEB页面的加载速度。
如图5所示，本发明实施例提供了一种服务器，包括：
接收单元301，用于接收客户端发送的超文本传输协议HTTP链接请求消息。
其中，HTTP链接请求消息中携带有待加载的WEB页面的标识信息。
处理单元302，用于建立HTTP链接，并向客户端发送HTTP链接响应消息。
其中，HTTP链接响应消息中携带有超文本标记语言HTML的开始标签。
加载单元303，用于根据待加载的WEB页面的标识信息，加载待加载的WEB页面对应的模块的数据内容。
发送单元304，用于将加载模块加载的WEB页面对应的模块的数据内容通过HTTP链接发送至客户端。
其中，待加载的WEB页面对应的最后一个模块的数据内容中携带有HTML的结束标签。
处理单元302，还用于在将携带有HTML的结束标签的模块的数据内容发送至客户端后，释放HTTP链接。
进一步的，处理单元302，还用于将WEB页面划分为至少两个模块。确定至少两个模块的优先级及加载策略。
加载单元303，具体用于根据待加载的WEB页面的标识信息，确定待加载页面WEB页面对应的至少两个模块。
根据至少两个模块的优先级及加载策略，加载待加载的WEB页面对应的至少两个模块的数据内容。
这样，在本发明中，服务器向客户端返回HTTP链接响应消息时，仅携带HTML开始标签，由于客户端只有在接收到HTML结束标签时，才会释放HTTL链接，因此服务器端在向客户端返回的HTTP链接响应消息中仅携带HTML开始标签时，服务器与客户端的HTTP链接会一直保持，此时服务器可以将待加载的WEB页面的各个模块的数据内容进行加载，并通过此HTML链接发送至客户端，待加载的WEB页面的最后一个模块发送至客户端后，释放HTTP链接。这样一来，本发明是仅建立一次HTTP链接，即可完成待加载的WEB页面全部模块的数据内容发送至客户端，实现了减少客户端与服务器端的交互，提高页面的加载速度的目的。
如图6所示，本发明实施例提供了一种客户端，包括：
获取单元401，用于获取待加载的WEB页面的标识信息。
发送单元402，用于向服务器发送超文本传输协议HTTP链接请求消息。
其中，HTTP链接请求消息中携带有待加载的WEB页面的标识信息。
接收单元403，用于接收服务器发送的HTTP链接响应消息。
其中，HTTP链接响应消息中携带有超文本标记语言HTML的开始标签。
处理单元404，用于通过HTTP链接接收服务器发送的待加载的WEB页面对应的模块的数据内容，并显示接收的模块的数据内容对应的显示数据，直至接收到携带了HTML的接收标签的模块的数据内容。
其中，待加载的WEB页面对应的最后一个模块的数据内容中携带有HTML的结束标签。
处理单元404，还用于在待加载WEB页面对应的模块的数据内容中包含有HTML的结束标签时，释放HTTP链接。
进一步的，上述客户端，如图7所示，还包括：
确定单元405，用于根据待加载的WEB页面的标识信息，确定缓存中是否存储有所述待加载的WEB页面。
发送单元402，具体用于在确定单元405确定出缓存中未存储待加载的WEB页面时，向服务器发送超文本传输协议HTTP链接请求消息。
进一步的，缓存包括本地缓存LocalStorage或Cookie缓存。
这样，在本发明中，服务器向客户端返回HTTP链接响应消息时，仅携带HTML开始标签，由于客户端只有在接收到HTML结束标签时，才会释放HTTL链接，因此服务器端在向客户端返回的HTTP链接响应消息中仅携带HTML开始标签时，服务器与客户端的HTTP链接会一直保持，此时服务器可以将待加载的WEB页面的各个模块的数据内容进行加载，并通过此HTML链接发送至客户端，待加载的WEB页面的最后一个模块发送至客户端后，释放HTTP链接。这样一来，本发明是仅建立一次HTTP链接，即可完成待加载的WEB页面全部模块的数据内容发送至客户端，实现了减少客户端与服务器端的交互，提高页面的加载速度的目的。
最后应说明的是：以上实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。

Claims (10)

1.一种WEB页面加载的方法，其特征在于，包括：
接收客户端发送的超文本传输协议HTTP链接请求消息；所述HTTP链接请求消息中携带有待加载的WEB页面的标识信息；
建立HTTP链接，并向所述客户端发送HTTP链接响应消息；所述HTTP链接响应消息中携带有超文本标记语言HTML的开始标签；
根据所述待加载的WEB页面的标识信息，加载所述待加载的WEB页面对应的模块的数据内容；
将加载的所述WEB页面对应的模块的数据内容通过所述HTTP链接发送至所述客户端；其中，所述待加载的WEB页面对应的最后一个模块的数据内容中携带有HTML的结束标签；
在将携带有所述HTML的结束标签的模块的数据内容发送至客户端后，释放所述HTTP链接。
2.根据权利要求1所述的方法，其特征在于，在所述接收客户端发送的超文本传输协议HTTP请求消息之前，还包括：
将WEB页面划分为至少两个模块；
确定所述至少两个模块的优先级及加载策略；
所述根据所述待加载的WEB页面的标识信息，加载所述待加载的WEB页面对应的模块的数据内容包括：
根据所述待加载的WEB页面的标识信息，确定所述待加载页面WEB页面对应的至少两个模块；
根据所述至少两个模块的优先级及加载策略，加载所述待加载的WEB页面对应的所述至少两个模块的数据内容。
3.一种WEB页面加载的方法，其特征在于，包括：
获取待加载的WEB页面的标识信息；
向服务器发送超文本传输协议HTTP链接请求消息；所述HTTP链接请求消息中携带有待加载的WEB页面的标识信息；
接收所述服务器发送的HTTP链接响应消息；所述HTTP链接响应消息中携带有超文本标记语言HTML的开始标签；
通过所述HTTP链接接收所述服务器发送的待加载的WEB页面对应的模块的数据内容，并显示接收的模块的数据内容对应的显示数据，直至接收到携带了HTML的接收标签的模块的数据内容；其中，所述待加载的WEB页面对应的最后一个模块的数据内容中携带有HTML的结束标签；
在所述待加载WEB页面对应的模块的数据内容中包含有HTML的结束标签时，释放所述HTTP链接。
4.根据权利要求3所述的方法，其特征在于，在所述向服务器发送超文本传输协议HTTP链接请求消息之前，还包括：
根据所述待加载的WEB页面的标识信息，确定缓存中是否存储有所述待加载的WEB页面；
所述向服务器发送超文本传输协议HTTP链接请求消息包括：
在所述缓存中未存储所述待加载的WEB页面时，向服务器发送超文本传输协议HTTP链接请求消息。
5.根据权利要求4所述的方法，其特征在，所述缓存包括本地缓存LocalStorage或Cookie缓存。
6.一种服务器，其特征在于，包括：
接收单元，用于接收客户端发送的超文本传输协议HTTP链接请求消息；所述HTTP链接请求消息中携带有待加载的WEB页面的标识信息；
处理单元，用于建立HTTP链接，并向所述客户端发送HTTP链接响应消息；所述HTTP链接响应消息中携带有超文本标记语言HTML的开始标签；
加载单元，用于根据所述待加载的WEB页面的标识信息，加载所述待加载的WEB页面对应的模块的数据内容；
发送单元，用于将所述加载模块加载的所述WEB页面对应的模块的数据内容通过所述HTTP链接发送至所述客户端；其中，所述待加载的WEB页面对应的最后一个模块的数据内容中携带有HTML的结束标签；
所述处理单元，还用于在将携带有所述HTML的结束标签的模块的数据内容发送至客户端后，释放所述HTTP链接。
7.根据权利要求6所述的服务器，其特征在于，
处理单元，还用于将WEB页面划分为至少两个模块；确定所述至少两个模块的优先级及加载策略；
所述加载单元，具体用于根据所述待加载的WEB页面的标识信息，确定所述待加载页面WEB页面对应的至少两个模块；
根据所述至少两个模块的优先级及加载策略，加载所述待加载的WEB页面对应的所述至少两个模块的数据内容。
8.一种客户端，其特征在于，包括：
获取单元，用于获取待加载的WEB页面的标识信息；
发送单元，用于向服务器发送超文本传输协议HTTP链接请求消息；所述HTTP链接请求消息中携带有待加载的WEB页面的标识信息；
接收单元，用于接收所述服务器发送的HTTP链接响应消息；所述HTTP链接响应消息中携带有超文本标记语言HTML的开始标签；
处理单元，用于通过所述HTTP链接接收所述服务器发送的待加载的WEB页面对应的模块的数据内容，并显示接收的模块的数据内容对应的显示数据，直至接收到携带了HTML的接收标签的模块的数据内容；其中，所述待加载的WEB页面对应的最后一个模块的数据内容中携带有HTML的结束标签；
处理单元，还用于在所述待加载WEB页面对应的模块的数据内容中包含有HTML的结束标签时，释放所述HTTP链接。
9.根据权利要求8所述的客户端，其特征在于，还包括：
确定单元，用于根据所述待加载的WEB页面的标识信息，确定缓存中是否存储有所述待加载的WEB页面；
所述发送单元，具体用于在所述确定单元确定出所述缓存中未存储所述待加载的WEB页面时，向服务器发送超文本传输协议HTTP链接请求消息。
10.根据权利要求9所述的客户端，其特征在于，所述缓存包括本地缓存LocalStorage或Cookie缓存。
CN201610913633.0A 2016-10-20 2016-10-20 一种web页面加载的方法及设备 Pending CN106503135A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201610913633.0A CN106503135A (zh) 2016-10-20 2016-10-20 一种web页面加载的方法及设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201610913633.0A CN106503135A (zh) 2016-10-20 2016-10-20 一种web页面加载的方法及设备

Publications (1)

Publication Number Publication Date
CN106503135A true CN106503135A (zh) 2017-03-15

Family

ID=58318034

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201610913633.0A Pending CN106503135A (zh) 2016-10-20 2016-10-20 一种web页面加载的方法及设备

Country Status (1)

Country Link
CN (1) CN106503135A (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109582899A (zh) * 2018-10-26 2019-04-05 平安科技（深圳）有限公司 页面加载方法、装置、计算机设备及存储介质
CN110445881A (zh) * 2019-09-19 2019-11-12 聚好看科技股份有限公司 数据传输方法、装置及系统

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20050102611A1 (en) * 2003-11-06 2005-05-12 Danny Chen Process for creating dynamic web pages driven from the server side
CN102523122A (zh) * 2011-12-23 2012-06-27 青岛海信宽带多媒体技术有限公司 广域网终端设备远程管理方法及管理装置
CN103179214A (zh) * 2013-04-10 2013-06-26 网宿科技股份有限公司 基于http协议的直播流推流方法和系统
CN103761317A (zh) * 2014-01-27 2014-04-30 北京京东尚科信息技术有限公司 一种多线程异步渲染系统及方法
CN105991689A (zh) * 2015-02-03 2016-10-05 阿里巴巴集团控股有限公司 Http报文处理方法及系统、http客户端及服务器

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20050102611A1 (en) * 2003-11-06 2005-05-12 Danny Chen Process for creating dynamic web pages driven from the server side
CN102523122A (zh) * 2011-12-23 2012-06-27 青岛海信宽带多媒体技术有限公司 广域网终端设备远程管理方法及管理装置
CN103179214A (zh) * 2013-04-10 2013-06-26 网宿科技股份有限公司 基于http协议的直播流推流方法和系统
CN103761317A (zh) * 2014-01-27 2014-04-30 北京京东尚科信息技术有限公司 一种多线程异步渲染系统及方法
CN105991689A (zh) * 2015-02-03 2016-10-05 阿里巴巴集团控股有限公司 Http报文处理方法及系统、http客户端及服务器

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109582899A (zh) * 2018-10-26 2019-04-05 平安科技（深圳）有限公司 页面加载方法、装置、计算机设备及存储介质
CN110445881A (zh) * 2019-09-19 2019-11-12 聚好看科技股份有限公司 数据传输方法、装置及系统
CN110445881B (zh) * 2019-09-19 2022-03-11 聚好看科技股份有限公司 数据传输方法、装置及系统

Similar Documents

Publication Publication Date Title
US8069406B2 (en) Method and system for improving user experience while browsing
CN103778236B (zh) 网页数据分发处理方法和装置及网页生成处理方法和装置
CN108228282A (zh) 用于网站页面加载的方法及装置
US8910132B2 (en) Client-side script bundle management system
CN104796439B (zh) 网页推送方法、客户端、服务器及系统
US9571556B2 (en) Browser kernel adaptation method and browser therefor
CN106559677A (zh) 终端、缓存服务器及获取视频分片的方法及装置
CN109002366A (zh) 一种移动端网页的远程调试方法及装置
CN107066609A (zh) 图片显示方法和装置
CN103116645B (zh) 移动设备浏览网页的方法及装置
CN106973050A (zh) 一种跨网闸信息共享的方法及装置
CN101409937B (zh) 一种将脚本转换成目标系统支持的数据格式的方法及装置
CN106817391A (zh) 文件断点续传方法和装置
CN107203470B (zh) 页面调试方法和装置
CN110244962A (zh) 加载应用文件的及装置、系统、存储介质、电子装置
CN107402938A (zh) 页面展示方法、装置和客户端设备
CN104834534A (zh) 扩展应用程序功能的方法、装置及系统
CN103207877B (zh) 解码方法及装置
CN112817602A (zh) 一种json格式数据发送、接收方法、设备及介质
CN104598616A (zh) 一种页面加载方法、装置、服务器和系统
CN106503135A (zh) 一种web页面加载的方法及设备
CN107046551A (zh) 一种数据请求、更新方法及相应装置
CN108280228A (zh) 一种网页的处理方法及相关设备
CN101770511A (zh) 一种用于移动通讯设备终端加快回退操作的浏览系统及其应用方法
CN105556905B (zh) 一种页面插入方法和设备

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
RJ01 Rejection of invention patent application after publication
RJ01 Rejection of invention patent application after publication

Application publication date: 20170315