CN103581232A - Web page transmission method, web page displaying device and system including device - Google Patents

Abstract

The present application provides a web page transmission method, wherein resources in the web page are pre-configured with priorities. The method includes: the browser obtains the source code file of the web page from the web server; the browser parses the source code file to extract the priority of the resource; the browser sends a resource request to the web server, and the The request carries the priority of the resource; and the web server sends the resource to the browser according to the priority order of the resource. According to this application, the priority of resources in the webpage is directly pre-configured by the webpage developer, which has a more flexible and universally adaptable serialization of infinite parallel data streams. Page rendering effect.

Description

Web page transmission method, web page display device and system including the device

technical field

The present application relates to the field of data communication, and more specifically, to a web page transmission method, a web page display device, and a web page transmission and display system.

Background technique

With the increasing development of computer network technology, people can access millions of websites and billions of web pages through the Internet. When the user wishes to visit a certain web page, he can open a browser and input the URL of the web page in the address bar. The browser sends a request for accessing the web page to the web server based on the URL. The web server sends the source code file (eg, HTML file) of the web page to the browser in response to the browser's request. After receiving the source code file of the web page, the browser will parse it, and then send resource requests to the web server for each resource (such as Javascript file, picture, text, style sheet, etc.) in the web page, and After obtaining the requested resource from the web server, the corresponding page content is presented to the user.

A web page can present various types of content, such as text, static graphics, animation, and the like. However, the browser often does not need to present all the content in a certain web page to the user at the same time. Within every web page there exists a small collection of objects that are critical to the user experience. For example, the content that the user is more concerned about and the content that the user uses more frequently need to be presented to the user first, while the content that is relatively unimportant to the user and the content that the user uses less frequently can be presented to the user later. In order to present to the user the content that the user cares about and the content that the user uses highly, it is hoped to obtain resources related to the content from the web server. Therefore, it is hoped that according to the importance and usage of the content to be displayed in the web page, the corresponding resources are prioritized, so that resource requests with higher priority are preferentially responded by the web server.

To this end, Google has developed a new network protocol - SPDY (pronounced "speedy") protocol. The SPDY protocol is an enhancement to the HTTP protocol that allows multiplexing of data streams, request prioritization, and HTTP header compression. According to the SPDY protocol, the browser specifies the priority of the requested resource when requesting resources, and the scheme of specifying the priority is to specify according to different file types of different resources according to predetermined rules, for example, *.htm files have the lowest priority , script files such as *.js have the second priority, and image files such as *.jpg, *.gif, and *.png have the highest priority.

However, the existing browsers that support the SPDY protocol (such as Chrome and Firefox browsers) only rely on the resource file type for resource priority designation schemes, and in some cases cannot satisfy users' requirements for different types of web pages. Rendering priority requirements for resources. For example, a user who browses a website mainly displaying pictures wishes that the presentation priority of pictures is higher than that of text, and a user browsing a website mainly of information wishes that the presentation priority of text is higher than that of pictures. According to the resource priority designation scheme of the SPDY protocol, the pictures in these two types of websites are given the highest priority, and thus are presented to the user first. This will not be able to meet the actual needs of users of these two types of websites.

In addition, in view of the fact that the existing web technology does not allow the web page designer to mark the priority of different parts of the layout, and there is no problem that the priority of the web content can be implemented at runtime, the Chinese patent application No. 200710003983.4 proposes a A method for controlling the display of a web page on a client, wherein each content in the web page is assigned different priorities. The method includes: sending an access request to a web page from a client to a server, in response to the request, the server sends to the client a control component for prioritizing each content in the web page, and The control component retrieves content from the server according to the order of priority of each content in the web page and displays it.

However, the scheme's support for priority largely depends on the control components returned by the server, and the browser needs to cooperate well with it to complete resource priority scheduling. And in this solution, the executor of priority scheduling is placed in the browser, which undoubtedly adds more complex processing logic to the browser's page loading process. Considering the processing capability of the terminal device where the browser is located, it may increase Page load delays. At the same time, this solution does not consider the situation of concurrent requests for resources in a page. In today's web page browsing, it is very common to establish multiple TCP connections for a host to make concurrent requests for resources. Resources that are purely controlled by the browser are preferred. Scheduling at the same level, it is impossible to achieve synchronous control between TCP connections. Resource requests initiated in the order of priority do not necessarily arrive at the server in the order they are sent, and even if they arrive at the server in order, they may not be responded to by the server in order. Obviously, this solution cannot To ensure that the browser obtains the resources in the order of the expected priority in the actual page browsing, it cannot guarantee the strict priority of the resources described in the scheme.

Contents of the invention

In view of the above-mentioned problems in the prior art, according to the first aspect of the present application, a web page transmission method is provided, where resources in the web page are pre-configured with priorities. The method includes: the browser obtains the source code file of the web page from the web server; the browser parses the source code file to extract the priority of the resource; the browser sends a resource request to the web server, and the The request carries the priority of the resource; and the web server sends the resource to the browser according to the priority order of the resource.

According to the second aspect of the present application, a web page display device is provided, which includes: a data communication module, which acquires the source code file of the web page from a web server, wherein the resources in the web page are pre-configured with priority level; a parsing module, parsing the source code file to extract the priority of the resource therefrom, and sending the extracted resource priority to the data communication module; and a display module, displaying and obtaining from the web server The content corresponding to the resource; wherein, the data communication module is further configured to: send a resource request carrying the priority of the resource to a web server and receive the resource from the web server.

According to a third aspect of the present application, a web page transmission and display system is provided, which includes a client and a web server. The client includes a web page display device, the web page display device includes: a data communication module, which obtains the source code file of the web page from the web server, wherein the resources in the web page are pre-configured with priority a parsing module, parsing the source code file to extract the priority of the resource, and sending the extracted resource priority to the data communication module; and a display module, displaying and obtaining from the web server The corresponding content of the resource. The data communication module is further configured to: send a resource request carrying the priority of the resource to the web server and receive the resource from the web server. The web page is deployed in the web server.

According to the web page transmission method of this application, the web page developer who knows the website type and page characteristics best, and then understands the priority of resources in the page, rather than the client (browser), pre-installs the web page according to actual needs in the process of developing web pages. The priority of each resource in the web page is configured, so that the page developed in this way has a page presentation effect more in line with the needs of web page developers. After the browser obtains the source code file of the web page to be accessed from the web server, it obtains the priority of different resources by analyzing the resource description, and can adjust the subsequent request operation of the web page object according to the parsed priority attribute way (for example, adjust the concurrency, front and back order, or populate the priority field, etc.). The browser then sends the resource priority along with the request for the resource to the web server using existing designs such as the SPDY protocol. After the web server receives the request for resources, it analyzes the priority of each resource, and can comprehensively consider according to the priority scheduling scheme set by itself, the load of the server, and the status of the network environment, and finally send the resource according to the most appropriate resource priority. Response, to achieve optimal serialization scheduling of concurrent data streams under a single TCP connection.

Description of drawings

Fig. 1 shows the flowchart of the web page transmission method according to the first aspect of the present application;

Fig. 2 shows a block diagram of a web page display device according to the second aspect of the present application.

Detailed ways

The web page transmission method according to the first aspect of the present application will be described in detail below with reference to FIG. 1 .

As mentioned earlier, not all content in a web page needs to be presented to the user at the same time. Within each web page there exists a small collection of objects that are critical to the user experience. For example, the content that the user is more concerned about and the content that the user uses more frequently need to be presented to the user first, while the content that is relatively unimportant to the user and the content that the user uses less frequently can be presented to the user later.

In order to achieve this, according to the present application, the developer of the web page pre-configures priorities for different contents according to the importance of resources when creating the web page. As a specific example, a web page developer may create a web page in HTML (Hypertext Markup Language) language, and add a custom attribute in a tag of the HTML document to indicate the priority of resources associated with the tag. For example, you can add a custom attribute priority to the link or img tags of the HTML document. The way to add it is as follows:

<link href="main.css"rel="stylesheet"type="text/css"priority="1"/>

The above only uses the HTML language as an example to illustrate how to pre-configure priorities for different contents in the web page during the process of creating a web page. Those skilled in the art can understand that it is also easy to use other languages or methods to create web pages and pre-configure priorities for different content in the page during the creation process, so detailed descriptions of related content are omitted here.

Afterwards, the developer of the web page can deploy the created web page on the web server.

Thereafter, when the user wishes to visit the web page, the browser can be opened to input the URL of the web page in the address bar. The browser sends a request for accessing the web page to the web server based on the URL. The web server sends the source code file of the web page to the browser in response to the browser's request. The browser obtains the source code file of the web page from the web server (step 101 in FIG. 1 ). For example, when the web page is created in HTML language, the source code file of the web page acquired by the browser from the web server is the HTML document of the web page.

Next, the browser parses the acquired source code file of the web page to extract the priority of resources in the web page (step 102 ). For example, referring to a specific embodiment as described above, if the developer of the web page creates the web page in HTML language, and adds a custom attribute priority in the link tag of the HTML document to indicate the priority of the relevant content, Then the browser will separate the link tag, its attributes and the values of each attribute during parsing the HTML document of the web page, so as to extract the value of the attribute priority.

Then, the browser sends a resource request to the web server, and the request carries the priority of the resource (step 103).

According to an embodiment, the browser may send the resource request to the web server in the form of concurrent data frames, that is, through concurrent data streams under a single TCP connection. That is to say, after the browser establishes a TCP connection with the web server, it sends multiple resource requests to the web server at the same time. Moreover, the data frame includes a field for indicating the priority of the resource, and the value of this field is consistent with the value of the priority of the resource extracted from the source code file of the web page. For example, the browser can request the resource by sending a SYN_STREAM frame to the web server based on the SPDY protocol, wherein the SYN_STREAM frame includes a Priority field used to indicate the priority of the resource, and the value of the Priority field is the same as that from The values of the priorities of the resources extracted from the source code files of the web pages are consistent. For example, if the developer of the web page creates the web page in HTML language and adds a custom attribute priority in the link tag of the HTML document to indicate the priority of the relevant content, then the value of the Priority field of the SYN_STREAM frame is the same as The value of the attribute priority of the link tag is the same.

According to another embodiment, the browser may also send the resource request to the web server in the form of serial data frames. That is to say, the browser can send multiple resource requests to the web server sequentially.

Afterwards, the web server sends the resources to the browser according to the priority order of the resources in response to the browser's request (step 104).

For example, if the browser sends 5 resource requests to the web server concurrently, the SYN_STREAM("GET" resource1[priority1]), SYN_STREAM("GET"resource 2[priority2]), SYN_STREAM("GET"resource3[priority3]) respectively ]), SYN_STREAM("GET" resource 4[priority4]), SYN_STREAM("GET"resource 5[priority5]) means. After receiving the request SYN_STREAM (“GET” resource 1[priority1]), the web server quickly processed it and sent a corresponding response to the browser. It takes more time to process the request SYN_STREAM ("GET" resource2[priority2]), and the remaining three resource requests are in the pending queue at the same time. At this time, the web server will process the requests according to the priority order of the three requests in the queue to be processed. For example, if the values of priority3, priority4, and priority5 are 2, 1, and 3 respectively, then the web server will preferentially select the SYN_STREAM ("GET" resource4 [priority4]) for processing.

Fig. 2 shows a block diagram of a web page display device according to the second aspect of the present application. As shown in FIG. 2 , the web page display device 10 includes a data communication module 201 , an analysis module 202 and a display module 203 .

When the user wishes to visit a certain web page, he can open a browser and input the URL of the web page in the address bar. The data communication module 201 sends a request for accessing the web page to the web server based on the URL. The web server sends the source code file of the web page to the data communication module 201 in response to the request of the data communication module 201 . The data communication module 201 receives the source code file of the web page from the web server, wherein the resources in the web page have been pre-configured with priorities by the web page developer when creating the web page. As a specific example, in the case that the web page is created in HTML language, the source code file of the web page received by the data communication module 201 from the web server is the HTML document of the web page. After the data communication module 201 receives the source code file of the web page from the web server, store the source code file in the memory of the client (such as memory, not shown in the figure), and send the address of the source code file in the memory to the parsing module 202 .

The parsing module 202 obtains the source code file of the web page from the address provided by the data communication module 201 and parses it to extract the priority of the resource, and combines the extracted resource priority with the Descriptive information such as resource content identifiers and access locations are sent to the data communication module 201 . For example, referring to a specific embodiment as described above, if the developer of the web page creates the web page in HTML language, and adds a self-defined attribute priority in the link tag of the HTML document to indicate the priority of related resources , then the parsing module 202 will separate the link tag, its attributes, and the values of each attribute in the process of parsing the HTML document of the web page, thereby extracting the value of the attribute priority, and combining the value of the attribute priority together with the content of the resource Descriptive information such as identification and access location are sent to the data communication module 201 .

The data communication module 201 sends the resource request carrying the priority of the resource to the web server and receives the resource from the web server. For example, the data communication module 201 may request the resource by sending a SYN_STREAM frame to the web server based on the SPDY protocol, wherein the SYN_STREAM frame includes a Priority field used to indicate the priority of the resource, and the value of the Priority field is The value is consistent with the priority value of the resource extracted from the source code file of the web page (for example, the value of the attribute priority of the above-mentioned link tag). As a response to the SYN_STREAM frame sent by the data communication module 201, the web server may send the requested resource to the data communication module 201 through a SYN_REPLY frame. The data communication module 201 receives a SYN_REPLY frame containing the requested resource. After receiving the resource, the data communication module 201 will send a message to the display module 203 to activate the display module 203 to display the content corresponding to the resource obtained from the web server.

According to a third aspect of the present application, a web page transmission and display system is provided, which includes a client and a web server. The client includes the web page display device 10 as described above. The web page is deployed in the web server.

The exemplary embodiments of the present application are described above with reference to the accompanying drawings. Those skilled in the art should understand that the above-mentioned embodiments are only examples for the purpose of illustration, rather than limitation. Any modification, equivalent replacement, etc. made under the teaching of the present application and the protection scope of the claims shall be included in the protection scope of the present application.

Claims (12)

1. a web page transmission method, the resource in wherein said web page is provided with priority in advance, and described method comprises:

Browser obtains the source code file of described web page from web server;

Described in browser resolves, source code file is therefrom to extract the priority of described resource;

Browser sends resource request to web server, carries the priority of described resource in described request; And

Web server sends described resource according to the priority order of described resource to browser.

2. the method for claim 1, further comprises:

The priority of resource in pre-configured described web page when creating described web page, and the web page creating is deployed in web server.

3. method as claimed in claim 2, wherein, when creating described web page, in pre-configured described web page, the step of the priority of resource comprises: with html language, create described web page, and in the label of html document, add self-defining attribute, to show the priority of the resource associated with described label.

4. the method as described in any one in claim 1-3, wherein, the step that browser sends resource request to web server comprises: browser sends described resource request in the mode of concurrent Frame to web server, wherein said data frame packet is containing the field of priority that is used to indicate described resource, and the value of this field is consistent with the value of the priority of the resource extracting source code file from described web page.

5. method as claimed in claim 4, wherein, the step that browser sends resource request to web server comprises: browser is based on SPDY agreement, with SYN_STREAM frame, to web server, send described resource request, wherein said SYN_STREAM frame comprises the Priority field of the priority that is used to indicate described resource, and the value of described Priority field is consistent with the value of the priority of the resource extracting source code file from described web page.

6. a web page display unit, comprising:

Data communication module, obtains the source code file of described web page from web server, wherein, the resource in described web page is provided with priority in advance;

Parsing module, resolves described source code file therefrom to extract the priority of described resource, and the priority of the resource extracting is sent to described data communication module; And

Display module, shows the content corresponding with the resource of obtaining from web server;

Wherein, described data communication module is further configured to: the resource request that carries the priority of described resource is sent to web server and receives described resource from web server.

7. device as claimed in claim 6, wherein, described web page creates with html language, and in the label of created html document, comprises self-defining attribute, to show the priority of the resource associated with described label.

8. the device as described in claim 6 or 7, wherein, described data communication module is further configured to: the mode with concurrent Frame sends described resource request to web server, wherein said data frame packet is containing the field of priority that is used to indicate described resource, and the value of this field is consistent with the value of the priority of the resource extracting source code file from described web page.

9. device as claimed in claim 8, wherein, described data communication module is further configured to: based on SPDY agreement, with SYN_STREAM frame, to web server, send described resource request, wherein said SYN_STREAM frame comprises the Priority field of the priority that is used to indicate described resource, and the value of described Priority field is consistent with the value of the priority of the resource extracting source code file from described web page.

10. the transmission of web page and a display system, comprise client and web server, wherein,

Described client comprises web page display unit, and this web page display unit comprises:

Data communication module, obtains the source code file of described web page from described web server, wherein, the resource in described web page is provided with priority in advance;

Parsing module, resolves described source code file therefrom to extract the priority of described resource, and the priority of the resource extracting is sent to described data communication module; And

Display module, shows the content corresponding with the resource of obtaining from described web server;

Wherein, described data communication module is further configured to: the resource request that carries the priority of described resource is sent to described web server and receives described resource from described web server; And

In described web server, dispose and state to some extent web page.

11. devices as claimed in claim 10, wherein, described data communication module is further configured to: the mode with concurrent Frame sends described resource request to described web server, wherein said data frame packet is containing the field of priority that is used to indicate described resource, and the value of this field is consistent with the value of the priority of the resource extracting source code file from described web page.

12. devices as claimed in claim 11, wherein, described data communication module is further configured to: based on SPDY agreement, with SYN_STREAM frame, to described web server, send described resource request, wherein said SYN_STREAM frame comprises the Priority field of the priority that is used to indicate described resource, and the value of described Priority field is consistent with the value of the priority of the resource extracting source code file from described web page.

Images