CN103258056B - Process the method for style design table, server, client and system - Google Patents

Abstract

The invention discloses a method, a server, a client and a system for processing a style sheet. The method includes: the server forwards the webpage access request of the client to the website to which the webpage belongs, receives the response information returned by the website, and judges whether the webpage has been cached in the server If the CSS sub-resource is not cached, forward the response information to the client, forward the CSS sub-resource request sent by the client to the website, and forward the CSS sub-resource returned by the website to the client, and optimize the CSS sub-resource before caching; If it has been cached, modify the received response information according to the cached content, send the modified response information to the client, receive the CSS sub-resource request sent by the client, find the corresponding optimized CSS sub-resource and return to the client. The invention can solve the problem of slow loading speed of the webpage of the client, and achieves the beneficial effects of accelerating the loading speed of the webpage of the client and reducing the burden of the website.

Description

Method, server, client and system for processing style sheets

technical field

The invention relates to the technical field of computer networks, in particular to a method for processing style sheets, a server, a client and a system.

Background technique

In the prior art, the architecture related to the terminal browser is a C/S (client/server, Client/Server) architecture. In this architecture, the terminal browser as the client has a rendering engine. When the client requests to access the page and the server returns the page resource, the client's rendering engine renders the page locally. In this architecture, the server (also referred to as "cloud") is usually a processing module of proxy plus cache. The client's request is sent to the website through the server, and the response returned from the website is also returned to the client through the server. After the client receives the webpage information returned by the server, it will render it through the browser rendering engine to present the rendered page. page.

CSS (style sheet, also known as cascading style sheet, CascadingStyleSheet), is the data used to set the style of the web page. The display properties of each logo in the web page can be uniformly set through CSS. CSS can be used to more effectively set the appearance of a web page, specifically, the position of elements of a web page can be precisely specified, the appearance can be expanded, and special effects can be created. The style sheet used in the web page mainly includes three types: (1) external style, which links the web page to the external style sheet; (2) internal page style, which creates an embedded style sheet in the web page. (3) Inline styles, apply inline styles to each web page element.

For external style CSS, the client needs to obtain the CSS sub-resource from the website, and apply the CSS sub-resource when rendering locally. Since the transport layer protocol used for the CSS sub-resource transmission is the TCP protocol. It takes a lot of time to establish a TCP connection. As the effect of the webpage becomes more and more complex, the number of external CSS sub-resources included in the webpage is also increasing. In the prior art, every time an external CSS sub-resource is obtained, a TCP connection needs to be established with the website, which causes the problem of slow loading of the webpage and too long loading time. In addition, each client needs to establish a TCP connection with the website to download the CSS sub-resources when loading the webpage of the website, which causes a significant increase in the system task burden and communication transmission burden of the website, and further leads to a slow loading speed of the webpage.

Contents of the invention

In view of the above problems, the present invention is proposed to provide a style sheet processing method, server, client and system that overcome the above problems or at least partially solve the above problems.

According to one aspect of the present invention, a method for processing a style sheet is provided, the method comprising:

The server forwards the webpage access request of the client to the website to which the webpage requested to visit belongs, receives the response information returned by the website, and judges whether the style sheet CSS sub-resource of the webpage has been cached in the server,

If the CSS subresource of the web page is not cached in the server, the server forwards the received response information to the client, forwards the CSS subresource request sent by the client to the website, and receives the After the website returns the CSS sub-resource, the CSS sub-resource is forwarded to the client, and the CSS sub-resource is optimized and cached in the server;

If the CSS sub-resource of the web page has been cached in the server, the server modifies the received response information according to the content cached in the server, sends the modified response information to the client, and receives the After the client sends the CSS sub-resource request, it searches the server for the corresponding optimized CSS sub-resource, and returns the found optimized CSS sub-resource to the client.

Wherein, said optimizing the CSS sub-resources includes: removing redundant information in each CSS sub-resource.

Wherein, said optimizing the CSS sub-resources includes: grouping multiple CSS sub-resources according to the semantics and/or logic of the CSS sub-resources; in each group, aggregating the CSS sub-resources in the group into one CSS subresource.

Wherein, said optimizing the CSS sub-resource includes: generating a corresponding URL for the optimized CSS sub-resource; and recording the correspondence between the URL of the visited web page and the URL of the optimized CSS sub-resource.

Wherein, the server modifying the received response information according to the content cached in the server includes: searching for the URL of the visited webpage in the corresponding relationship of records, and modifying the URL of the CSS sub-resource contained in the response information to the corresponding The URL of the optimized CSS subresource.

Wherein, the returning the found optimized CSS sub-resource to the client includes: adding a CSS saving byte field in the message header of the packet encapsulating the optimized CSS sub-resource, the CSS saving byte The field is the number of bytes reduced between the optimized CSS sub-resource and the un-optimized CSS sub-resource.

According to one aspect of the present invention, a method for loading a style sheet of an accessed webpage on a client side is disclosed, the method comprising:

The client sends a webpage access request to the server, and receives response information returned by the server, the response information being the response information returned by the website to which the webpage belongs or the modified response information by the server;

The client parses the response information, sends a CSS sub-resource request to the server according to the parsed content, receives the CSS sub-resource returned by the server, and loads the CSS sub-resource.

According to another aspect of the present invention, a server for processing style sheets is disclosed, and the server includes: a proxy module, a caching module and a style sheet CSS resource optimization module,

The proxy module is adapted to forward the webpage access request of the client to the website to which the webpage is requested to visit, receives the response information returned by the website, and judges whether the CSS sub-resource of the webpage has been cached in the caching module, and judges The result is notified to the CSS resource optimization module;

The proxy module is further adapted to forward the received response information to the client when the judging result is that the CSS sub-resource of the web page is not cached in the caching module, and receive the CSS sub-resource sent by the client Requesting, forwarding the CSS subresource request to the website, receiving the CSS subresource returned by the website, and forwarding the CSS subresource to the client;

The CSS resource optimization module specifically includes: a CSS optimization submodule and a CSS modification submodule;

The CSS optimization sub-module is adapted to optimize the CSS sub-resources received from the website and cache them in the cache module when the judgment result is that the CSS sub-resources of the webpage are not cached in the cache module;

The CSS modification sub-module is adapted to modify the response information returned by the received website according to the cached content in the cache module when the judgment result is that the CSS sub-resource of the web page has been cached in the cache module;

The proxy module is further adapted to send the modified response information to the client, and after receiving the CSS sub-resource request sent by the client, search the cache module for the corresponding optimized CSS Sub-resources, returning the found and optimized CSS sub-resources to the client.

The caching module is suitable for caching optimized CSS sub-resources.

Wherein, the CSS optimization sub-module is adapted to remove redundant information in each CSS sub-resource.

Wherein, the CSS optimization sub-module is adapted to group multiple CSS sub-resources according to the semantics and/or logic of the CSS sub-resources, and in each group, aggregate the CSS sub-resources in the group into one CSS sub-resource.

Wherein, the CSS optimization sub-module is adapted to generate a corresponding URL for the optimized CSS sub-resource, record the corresponding relationship between the URL of the visited webpage and the URL of the optimized CSS sub-resource, and convert the optimized CSS sub-resource to Cache to the cache module.

Wherein, the CSS modifying sub-module is adapted to search the URL of the accessed webpage in the corresponding relationship of the record, and modify the URL of the CSS sub-resource contained in the response information to the URL of the corresponding optimized CSS sub-resource.

Wherein, the proxy module is adapted to add a CSS saving byte field in the packet header of the package-optimized CSS sub-resource, and the CSS saving byte field is filled with the optimized CSS sub-resource and the pre-optimized The number of bytes reduced compared to CSS subresources.

According to another aspect of the present invention, a client that loads a style sheet of an accessed web page is disclosed, and the client includes:

The communication module is adapted to send a web page access request to the server, and receive the response information returned by the server, the response information being the response information returned by the website to which the web page belongs or the modified response information of the server;

An analysis module, suitable for analyzing the response information;

The communication module is further adapted to send a CSS subresource request to the server according to the parsed content, and receive the CSS subresource returned by the server;

The loading module is suitable for loading the received CSS sub-resources returned by the server.

According to another aspect of the present invention, a system for loading a style sheet of an accessed webpage is disclosed, and the system includes: the server and the client.

According to the technical solution of the present invention, the CSS sub-resource of the web page can be cached in the server, and the CSS sub-resource can be optimized. When the client loads the web page containing the CSS sub-resource again, the server modifies the content in the response information returned by the website. , so that the client does not need to establish a TCP connection with the website, but directly obtains the cached optimized CSS sub-resource from the server. Thus, it is possible to reduce the number of TCP connections established between the client and the website when loading the webpage, thereby solving the problems of slow loading of the webpage and excessively long loading time caused by too many TCP connections established between the client and the website; The beneficial effects of accelerating the webpage loading speed of the client and reducing the system task burden and communication transmission burden of the website are obtained.

The above description is only an overview of the technical solution of the present invention. In order to better understand the technical means of the present invention, it can be implemented according to the contents of the description, and in order to make the above and other purposes, features and advantages of the present invention more obvious and understandable , the specific embodiments of the present invention are enumerated below.

Description of drawings

Various other advantages and benefits will become apparent to those of ordinary skill in the art upon reading the following detailed description of the preferred embodiment. The drawings are only for the purpose of illustrating a preferred embodiment and are not to be considered as limiting the invention. Also throughout the drawings, the same reference numerals are used to designate the same components. In the attached picture:

Fig. 1 shows a structural diagram of a server processing a style sheet according to an embodiment of the present invention;

Fig. 2 shows a structural diagram of a CSS resource optimization module according to an embodiment of the present invention;

Fig. 3 shows a structural diagram of a client loading a style sheet of a web page according to an embodiment of the present invention;

FIG. 4 shows a structural diagram of a system for loading a style sheet of an accessed webpage according to an embodiment of the present invention;

Fig. 5 shows a flowchart of a method for processing a style sheet according to an embodiment of the present invention;

Fig. 6 shows the operation flow chart of the server when the client accesses the website through the server for the first time according to one embodiment of the present invention;

Fig. 7 shows the operation flow chart of the server when the client accesses the website through the server again according to one embodiment of the present invention; and

Fig. 8 shows a flow chart of a method for loading a style sheet of an accessed web page at a client according to an embodiment of the present invention.

detailed description

Exemplary embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. Although exemplary embodiments of the present disclosure are shown in the drawings, it should be understood that the present disclosure may be embodied in various forms and should not be limited by the embodiments set forth herein. Rather, these embodiments are provided for more thorough understanding of the present disclosure and to fully convey the scope of the present disclosure to those skilled in the art.

As shown in FIG. 1 , it is a structural diagram of a server for processing style sheets according to an embodiment of the present invention. The server 100 includes: a proxy module 110 , a cache module 120 and a CSS resource optimization module 130 .

The proxy module 110 is adapted to forward the webpage access request of the client 200 to the website to which the webpage is requested to visit, receives the response information returned by the website, judges whether the CSS sub-resource of the webpage has been cached in the caching module 120, and notifies the judgment result to CSS resource optimization module 130 .

The proxy module 110 is further adapted to forward the received response information to the client 200 when the judging result is that the CSS sub-resource of the webpage is not cached in the cache module 120, receive the CSS sub-resource request sent by the client 200, and send the CSS sub-resource to the client 200. The subresource request is forwarded to the website, the CSS subresource returned by the website is received, and the CSS subresource is forwarded to the client 200 .

As shown in FIG. 2 , it is a structural diagram of a CSS resource optimization module according to an embodiment of the present invention. The CSS resource optimization module 130 specifically includes: a CSS optimization submodule 132 and a CSS modification submodule 134 .

The CSS optimization sub-module 132 is adapted to optimize the CSS sub-resource of the web page received from the website when the judging result of the proxy module 110 is that the CSS sub-resource of the web page is not cached in the caching module 120, and convert the optimized CSS The sub-resources are cached to the caching module 120 .

In a specific embodiment, the optimization performed by the CSS optimization sub-module 132 is de-redundancy. The CSS optimization sub-module 132 removes redundant information in each CSS sub-resource.

For example, the CSS optimization sub-module 132 removes white space and comments in CSS sub-resources.

By removing redundant information in each CSS sub-resource, it is possible to reduce network transmission traffic when the client obtains the CSS sub-resource, further improve the web page access speed, and save the network traffic of the client.

In another specific embodiment, the optimization performed by the CSS optimization sub-module 132 is aggregation. The CSS optimization sub-module 132 groups multiple CSS sub-resources according to the semantics and/or logic of the CSS sub-resources, and in each group, aggregates the CSS sub-resources in the group into one CSS sub-resource.

For example, the CSS optimization sub-module 132 analyzes the relationship between each CSS. There may be a logical relationship between different CSS sub-resources on the same website. The CSS optimization sub-module 132 groups multiple CSS sub-resources according to the semantics and/or logic of the CSS sub-resources, so that the CSS sub-resources grouped into the same group are aggregated. There will be no semantic and logical conflicts. The CSS optimization sub-module 132 aggregates the CSS in each group into one CSS. For example, a webpage has 6 CSS subresources, numbered 1 to 6. The CSS optimization sub-module 132 divides the 6 CSS sub-resources into three groups according to the semantics and/or logic of the CSS sub-resources, the CSS sub-resources numbered 1-3 form a group, the CSS sub-resources numbered 4 and 6 form a group, The CSS sub-resources numbered 5 are one group, and are aggregated in three groups respectively. Therefore, the CSS optimization sub-module 132 aggregates the six CSS sub-resources of the website into three CSS sub-resources.

By aggregating multiple CSS sub-resources, it is possible to reduce the TCP connections when the client accesses the webpage without damaging the information in the CSS sub-resources, thereby further increasing the speed of the client accessing the webpage.

In addition, when CSS sub-resources are aggregated, the overhead of the server 100 will increase. The website that needs to aggregate CSS sub-resources can be set by configuring the list. For example, aggregate CSS sub-resources for websites with a large number of user visits (such as the top 25 websites in website navigation). However, for some websites with relatively small visits, CSS sub-resource aggregation is no longer performed. Therefore, the CSS optimization sub-module 132 is also adapted to aggregate the CSS sub-resources of the websites in the list according to the set aggregation website list. In this way, the effect of flexibly adjusting CSS sub-resource aggregation can be achieved.

The CSS modification sub-module 134 is adapted to modify the received response information returned by the website according to the content cached in the cache module 120 when the judgment result is that the CSS sub-resource of the webpage has been cached in the cache module 120 .

The proxy module 110 is also adapted to send the modified response information to the client 200. After receiving the CSS sub-resource request sent by the client 200, it searches the cache module 120 for the corresponding optimized CSS sub-resource, and finds The optimized CSS sub-resource is returned to the client 200.

The cache module 120 is adapted to cache optimized CSS sub-resources.

In a specific embodiment, the CSS optimization sub-module 132 generates a corresponding URL for the optimized CSS sub-resource, records the corresponding relationship between the URL of the visited web page and the URL of the optimized CSS sub-resource, and converts the optimized CSS sub-resource to The resources are cached in the caching module 120 .

The CSS modification sub-module 134 searches the URL of the accessed web page in the corresponding relationship of the records, and modifies the URL of the CSS sub-resource included in the response information to the URL of the corresponding optimized CSS sub-resource.

After receiving the CSS sub-resource request sent by the client 200, the proxy module 110 searches the caching module 120 for the corresponding optimized CSS sub-resource according to the URL of the optimized CSS sub-resource in the CSS sub-resource request. The optimized CSS sub-resource is returned to the client 200.

In addition, in another specific embodiment, the proxy module 110 adds a CSS saved byte field to the packet header of the packet encapsulating the optimized CSS sub-resource, and the CSS saved byte field is filled with the optimized CSS sub-resource The number of bytes reduced compared to the unoptimized CSS subresource.

CSS sub-resource optimization can save traffic, so by adding a CSS saving byte field in the message header, such as the CSS-Save-Bytes field, the user can know the number of bytes saved by the client 200 in this visit to the web page .

Through the technical solution in the embodiment of the present invention, it is possible to reduce the number of TCP connections established between the client and the website when loading the webpage, thereby solving the slow loading speed of the webpage caused by too many TCP connections established between the client and the website. The problem of too long time; the beneficial effects of accelerating the webpage loading speed of the client and reducing the system task burden and communication transmission burden of the website have been achieved.

Hereinafter, the server 100 for processing style sheets of the present invention will be illustrated by taking the client 200 accessing a webpage whose URL is http://www.a.com as an example.

Wherein, the client 200 may be a browser in a mobile phone terminal, or a browser in a PC (Personal Computer, Personal Computer) terminal, or other webpage access requesting party, and there is no special limitation here.

When the client 200 requests to access http://www.a.com, the client 200 sends a web page access request to the server 100 .

The proxy module 110 of the server 100 receives the webpage access request sent by the client 200, forwards the webpage access request of the client 200 to the website to which the webpage requested to visit belongs, receives the response information returned by the website, and determines whether the cache module 120 of the server 100 has Cache the CSS subresources for this page.

When the client 200 accesses http://www.a.com through the server 100 for the first time, the proxy module 110 receives the response information returned by the website, and determines that the caching module 120 does not cache the CSS sub-resource of the web page.

In addition, the proxy module 110 receives the response information returned by the website, and after judging that the CSS sub-resource of the web page is not cached in the caching module 120 , forwards the received response information to the client 200 .

After receiving the web page response of http://www.a.com, the client 200 parses the content of the web page to obtain the external CSS sub-resources in the web page. The URLs of these CSS sub-resources are respectively http://xxx.b.css, http://xxx.c.css and http://xxx.d.css. The client 200 sends a CSS sub-resource request including the above URL to the server 100 .

The proxy module 110 receives the CSS sub-resource request sent by the client 200 , forwards the CSS sub-resource request to the website, receives the CSS sub-resource returned by the website, and forwards the CSS sub-resource to the client 200 . The client 200 receives the CSS sub-resource forwarded by the server 100, and uses the CSS sub-resource to render the webpage.

In addition, after the CSS optimization sub-module 132 of the CSS resource optimization module 130 determines that the proxy module 110 has not cached the CSS sub-resource of the web page in the caching module 120, the CSS sub-resource of the web page received by the proxy module 110 from the website is processed. Optimize, and cache the optimized CSS sub-resources to the caching module 120. And, the CSS optimization sub-module 132 generates a corresponding URL for the optimized CSS sub-resource, records the corresponding relationship between the URL of the visited web page and the URL of the optimized CSS sub-resource, and caches the optimized CSS sub-resource into the caching module 120.

Specifically, the CSS optimization sub-module 132 performs optimization on the three CSS sub-resources corresponding to http://xxx.b.css, http://xxx.c.css and http://xxx.d.css returned by the website De-redundancy operation, and then aggregate the 3 CSS sub-resources after de-redundancy. The CSS optimization sub-module 132 divides http://xxx.b.css and http://xxx.c.css into one group, divides http://xxx.d.css into another group, and divides the The CSS sub-resources are aggregated into one CSS sub-resource, and the URLs corresponding to the aggregated CSS sub-resources are http://xxx.b+c.composite.css and http://xxx.d.composite.css respectively. The CSS optimization sub-module 132 records the corresponding relationship between http://www.a.com and http://xxx.b+c.composite.css and http://xxx.d.composite.css, after aggregation The two CSS sub-resources of are cached to the caching module 120.

When the client 200 accesses http://www.a.com through the server 100 again, the client 200 sends a webpage access request to the server 100 .

The proxy module 110 of the server 100 forwards the webpage access request of the client 200 to the website to which the requested webpage belongs, receives the response information returned by the website, and determines that the CSS sub-resource of the webpage has been cached in the caching module 120 of the server 100.

The CSS modification sub-module 134 of the CSS resource optimization module 130 modifies the received response information returned by the website according to the corresponding relationship between the URL of the visited web page and the URL of the optimized CSS sub-resource.

Specifically, the CSS modification sub-module 134 searches for http://www.a.com in the corresponding relationship of records, and sends http://xxx.b.css and http://xxx.c. The css is changed to http://xxx.b+c.composite.css, and the http://xxx.d.css contained in the response information is changed to http://xxx.d.composite.css.

The proxy module 110 sends the modified response information to the client 200 .

The client 200 receives the response information sent by the proxy module 110, and parses out that the URLs corresponding to the external CSS sub-resources are http://xxx.b+c.composite.css and http://xxx.d.composite.cs respectively, A CSS subresource request including the above URL is sent to the server 100 .

After receiving the CSS subresource request sent by the client 200, the proxy module 110 parses out the URL of the optimized CSS subresource, finds the optimized CSS subresource in the caching module 120 according to the URL, and returns the CSS subresource Give the client 200.

Specifically, the proxy module 110 parses out http://xxx.b+c.composite.css and http://xxx.d.composite.css, and searches for http://xxx.b+c in the caching module 120 The aggregated CSS sub-resource corresponding to .composite.css and http://xxx.d.composite.css returns the found aggregated CSS sub-resource to the client 200 .

Referring to FIG. 3 , it shows a structural diagram of a client 200 for loading a style sheet of an accessed web page according to an embodiment of the present invention. The client 200 includes: a communication module 210 , an analysis module 220 and a loading module 230 .

The communication module 210 is adapted to send a web page access request to the server 100, and receive the response information returned by the server 100, the response information being the response information returned by the website to which the web page belongs or the response information modified by the server.

The parsing module 220 is adapted to parse the response information.

The communication module 210 is further adapted to send a CSS subresource request to the server 100 according to the parsed content, and receive the CSS subresource returned by the server 100 .

The loading module 230 is adapted to load the received CSS sub-resource returned by the server 100 .

Referring to FIG. 4 , it shows a structural diagram of a system for loading a style sheet of an accessed web page according to an embodiment of the present invention. The system includes the aforementioned server 100 and multiple aforementioned clients 200 . Wherein, the server 100 and the client 200 may be connected directly or through a network, and there is no special limitation here.

Referring to FIG. 5 , it shows a flowchart of a method for processing a style sheet according to an embodiment of the present invention. The method includes the following steps.

In step S510, the server forwards the webpage access request of the client to the website to which the requested webpage belongs, and receives the response information returned by the website.

Step S520, the server judges whether the style sheet CSS sub-resource of the web page has been cached in the server, if yes, execute step S540, otherwise, execute step S530.

Step S530, the server forwards the received response information to the client, forwards the CSS sub-resource request sent by the client to the website, and after receiving the CSS sub-resource returned by the website, forwards the CSS sub-resource to the client, and sends the CSS sub-resource to the client. Subresources are optimized and cached on the server.

In a specific embodiment, the optimization is de-redundancy. The optimizing the CSS sub-resources includes: removing redundant information in each CSS sub-resource.

For example, the server strips whitespace and comments in CSS subresources.

By removing redundant information in each CSS sub-resource, it is possible to reduce network transmission traffic when the client obtains the CSS sub-resource, further improve the web page access speed, and save the network traffic of the client.

In another specific embodiment, said optimization is aggregation. The optimizing the CSS sub-resources includes: grouping multiple CSS sub-resources according to the semantics and/or logic of the CSS sub-resources; in each group, aggregating the CSS sub-resources in the group into one CSS sub-resource.

For example, the server analyzes the interrelationships among CSSs. There may be a logical relationship between different CSS sub-resources of the same website. According to the semantics and/or logic of CSS sub-resources, multiple CSS sub-resources are grouped so that there will be no semantic and logical relationship between CSS sub-resources grouped into the same group. Conflict of logic. The server aggregates the CSS in each group into one CSS. For example, a webpage has 6 CSS subresources, numbered 1 to 6. The server divides the 6 CSS sub-resources into three groups according to the semantics and/or logic of the CSS sub-resources. The CSS sub-resources numbered 1-3 form a group, the CSS sub-resources numbered 4 and 6 form a group, and the CSS sub-resources numbered 5 form a group. The sub-resources are grouped into one group, and are aggregated in three groups. Thus, the server aggregates the six CSS sub-resources of the website into three CSS sub-resources.

By aggregating multiple CSS sub-resources, it is possible to reduce the TCP connections when the client accesses the webpage without damaging the information in the CSS sub-resources, thereby further increasing the speed of the client accessing the webpage.

Additionally, server overhead increases when doing CSS subresource aggregation. The website that needs to aggregate CSS sub-resources can be set by configuring the list. For example, aggregate CSS sub-resources for websites with a large number of user visits (such as the top 25 websites in website navigation). However, for some websites with relatively small visits, CSS sub-resource aggregation is no longer performed. Therefore, the server may also aggregate the CSS sub-resources of the websites in the list according to the set aggregation website list. In this way, the effect of flexibly adjusting CSS sub-resource aggregation can be achieved.

Step S540, the server modifies the received response information according to the content cached in the server, sends the modified response information to the client, and searches the server for the corresponding optimized resource request after receiving the CSS sub-resource request sent by the client. The optimized CSS sub-resource is returned to the client after finding the optimized CSS sub-resource.

In a specific embodiment, the server generates a corresponding URL for the optimized CSS sub-resource, and records the correspondence between the URL of the visited webpage and the URL of the optimized CSS sub-resource.

When the server modifies the received response information based on the cached content in the server, it searches for the URL of the visited web page in the corresponding relationship of the records, and modifies the URL of the CSS sub-resource contained in the response information to the corresponding optimized URL. The URL of the CSS subresource.

After receiving the CSS subresource request sent by the client, the server searches for the corresponding optimized CSS subresource according to the URL of the optimized CSS subresource in the CSS subresource request, and returns the found optimized CSS subresource to the client.

In addition, in another specific embodiment, the server adds a CSS saving byte field in the packet header of the packet encapsulating the optimized CSS sub-resource, and the CSS saving byte field is filled with the optimized CSS sub-resource and the optimized The number of bytes reduced compared to the previous CSS subresource.

CSS sub-resource optimization can save traffic, so by adding a CSS-saved byte field, such as the CSS-Save-Bytes field, in the header of the message, the user can know the number of bytes saved by the client during this visit to the web page.

Through the technical solution in the embodiment of the present invention, it is possible to reduce the number of TCP connections established between the client and the website when loading the webpage, thereby solving the slow loading speed of the webpage caused by too many TCP connections established between the client and the website. The problem of too long time; the beneficial effects of accelerating the webpage loading speed of the client and reducing the system task burden and communication transmission burden of the website have been achieved.

The server for processing the style sheet of the present invention will be illustrated below by taking the webpage accessed by the client with the URL http://www.a.com as an example.

Wherein, the client may be a browser in a mobile terminal, or a browser in a PC (Personal Computer, Personal Computer) terminal, or other web page access requesting party, and there is no special limitation here.

When the client requests to access http://www.a.com, the client sends a webpage access request to the server. Referring to FIG. 6 , it shows an operation flowchart of the server when the client accesses the website through the server for the first time according to an embodiment of the present invention.

Step S610, the server receives the web page access request sent by the client, and forwards the web page access request from the client to the website to which the web page requested to access belongs.

Step S620, the server receives the response information returned by the website, determines that the server does not cache the CSS sub-resource of the webpage, and forwards the received response information to the client.

After receiving the web page response from http://www.a.com, the client parses the content of the web page to obtain the external CSS sub-resources in the web page. The URLs of these CSS sub-resources are http://xxx.b.css and http://xxx.b.css respectively. ://xxx.c.css and http://xxx.d.css. The client sends a CSS subresource request including the URL above to the server.

In step S630, the server receives the CSS sub-resource request sent by the client, forwards the CSS sub-resource request to the website, receives the CSS sub-resource returned by the website, and executes steps S640 and S650.

Step S640, the server forwards the received CSS sub-resource returned by the website to the client.

The client receives the CSS sub-resource forwarded by the server, and uses the CSS sub-resource to render the webpage.

Step S650, the server optimizes the CSS sub-resources of the webpage returned by the website, caches the optimized CSS sub-resources, generates a corresponding URL for the optimized CSS sub-resources, and records the URL of the accessed webpage and the optimized CSS The correspondence between URLs of subresources.

Specifically, the server performs redundant operations on the three CSS sub-resources corresponding to http://xxx.b.css, http://xxx.c.css and http://xxx.d.css returned by the website , and then aggregate the three CSS sub-resources after de-redundancy. The server divides http://xxx.b.css and http://xxx.c.css into one group, divides http://xxx.d.css into another group, and aggregates CSS sub-resources in each group into a CSS sub-resource, and the URLs corresponding to the aggregated CSS sub-resources are http://xxx.b+c.composite.css and http://xxx.d.composite.css respectively. The server records the correspondence between http://www.a.com and http://xxx.b+c.composite.css and http://xxx.d.composite.css.

When the client accesses http://www.a.com through the server again, the client sends a webpage access request to the server. Referring to FIG. 7 , it shows an operation flowchart of the server when the client accesses the website through the server again according to an embodiment of the present invention.

Step S710, the server receives the webpage access request sent by the client, forwards the webpage access request to the website to which the requested webpage belongs, receives the response information returned by the website, and determines that the CSS sub-resource of the webpage has been cached in the server.

In step S720, the server modifies the received response information returned by the website according to the recorded correspondence between the URL of the visited webpage and the URL of the optimized CSS sub-resource.

Specifically, the server searches for http://www.a.com in the corresponding relationship of records, and modifies http://xxx.b.css and http://xxx.c.css included in the response information to http://xxx.c.css ://xxx.b+c.composite.css, modify http://xxx.d.css contained in the response information to http://xxx.d.composite.css.

Step S730, the server sends the modified response information to the client.

The client receives the response information sent by the server, parses out that the URLs corresponding to the external CSS sub-resources are http://xxx.b+c.composite.css and http://xxx.d.composite.cs, and sends them to the server A CSS subresource request including the above URL.

Step S740: After receiving the CSS sub-resource request sent by the client, the server parses out the URL of the optimized CSS sub-resource, finds the optimized CSS sub-resource according to the URL, and returns the CSS sub-resource to the client.

Specifically, after receiving the CSS subresource request sent by the client, the server parses out http://xxx.b+c.composite.css and http://xxx.d.composite.css, and searches for http:// The aggregated CSS sub-resource corresponding to xxx.b+c.composite.css and http://xxx.d.composite.css returns the found aggregated CSS sub-resource to the client.

Referring to FIG. 8 , it shows a flow chart of a method for loading a style sheet of an accessed webpage on a client side according to an embodiment of the present invention. The method includes the following steps.

Step S810, the client sends a webpage access request to the server.

Step S820, the client receives the response information returned by the server, where the response information is the response information returned by the website to which the webpage belongs or the modified response information by the server.

Step S830, the client parses the response information, and sends a CSS sub-resource request to the server according to the parsed content.

Step S840, the client receives the CSS sub-resource returned by the server, and loads the CSS sub-resource.

The algorithms and displays presented herein are not inherently related to any particular computer, virtual system, or other device. Various generic systems can also be used with the teachings based on this. The structure required to construct such a system is apparent from the above description. Furthermore, the present invention is not specific to any particular programming language. It should be understood that various programming languages can be used to implement the content of the present invention described herein, and the above description of specific languages is for disclosing the best mode of the present invention.

In the description provided herein, numerous specific details are set forth. However, it is understood that embodiments of the invention may be practiced without these specific details. In some instances, well-known methods, structures and techniques have not been shown in detail in order not to obscure the understanding of this description.

Similarly, it should be appreciated that in the foregoing description of exemplary embodiments of the invention, in order to streamline this disclosure and to facilitate an understanding of one or more of the various inventive aspects, various features of the invention are sometimes grouped together in a single embodiment, figure, or its description. This method of disclosure, however, is not to be interpreted as reflecting an intention that the claimed invention requires more features than are expressly recited in each claim. Rather, as the following claims reflect, inventive aspects lie in less than all features of a single foregoing disclosed embodiment. Thus, the claims following the Detailed Description are hereby expressly incorporated into this Detailed Description, with each claim standing on its own as a separate embodiment of this invention.

Those skilled in the art can understand that the modules in the device in the embodiment can be adaptively changed and arranged in one or more devices different from the embodiment. Modules or units or components in the embodiments may be combined into one module or unit or component, and furthermore may be divided into a plurality of sub-modules or sub-units or sub-assemblies. All features disclosed in this specification (including accompanying claims, abstract and drawings), as well as any method or method so disclosed, may be used in any combination, except that at least some of such features and/or processes or units are mutually exclusive. All processes or units of equipment are combined. Each feature disclosed in this specification (including accompanying claims, abstract and drawings) may be replaced by alternative features serving the same, equivalent or similar purpose, unless expressly stated otherwise.

Furthermore, those skilled in the art will understand that although some embodiments described herein include some features included in other embodiments but not others, combinations of features from different embodiments are meant to be within the scope of the invention. and form different embodiments. For example, in the following claims, any of the claimed embodiments may be used in any combination.

The various component embodiments of the present invention may be implemented in hardware, or in software modules running on one or more processors, or in a combination thereof. Those skilled in the art should understand that a microprocessor or a digital signal processor (DSP) can be used in practice to implement some or all of the components in the server, client, and system for processing style sheets according to the embodiments of the present invention. Some or all functions. The present invention can also be implemented as an apparatus or an apparatus program (for example, a computer program and a computer program product) for performing a part or all of the methods described herein. Such a program for realizing the present invention may be stored on a computer-readable medium, or may be in the form of one or more signals. Such a signal may be downloaded from an Internet site, or provided on a carrier signal, or provided in any other form.

It should be noted that the above-mentioned embodiments illustrate rather than limit the invention, and that those skilled in the art will be able to design alternative embodiments without departing from the scope of the appended claims. In the claims, any reference signs placed between parentheses shall not be construed as limiting the claim. The word "comprising" does not exclude the presence of elements or steps not listed in a claim. The word "a" or "an" preceding an element does not exclude the presence of a plurality of such elements. The invention can be implemented by means of hardware comprising several distinct elements, and by means of a suitably programmed computer. In a unit claim enumerating several means, several of these means can be embodied by one and the same item of hardware. The use of the words first, second, and third, etc. does not indicate any order. These words can be interpreted as names.

The embodiment of the present invention discloses A1. A method for processing a style sheet. The method includes: the server forwards the client's webpage access request to the website to which the requested webpage belongs, receives the response information returned by the website, and determines the Whether the style sheet CSS sub-resource of the web page has been cached in the server, if the CSS sub-resource of the web page is not cached in the server, the server forwards the received response information to the client, and the client The CSS sub-resource request sent by the client is forwarded to the website, and after receiving the CSS sub-resource returned by the website, the CSS sub-resource is forwarded to the client, and the CSS sub-resource is optimized and cached in the In the server; if the CSS sub-resource of the web page has been cached in the server, the server modifies the received response information according to the cached content in the server, and sends the modified response information to the client, After receiving the CSS sub-resource request sent by the client, search for the corresponding optimized CSS sub-resource in the server, and return the found optimized CSS sub-resource to the client. A2. The method according to A1, wherein optimizing the CSS sub-resources includes: removing redundant information in each CSS sub-resource. A3. The method according to A1 or A2, wherein said optimizing the CSS sub-resources includes: grouping multiple CSS sub-resources according to the semantics and/or logic of the CSS sub-resources; in each group, Aggregate the CSS sub-resources in the group into one CSS sub-resource. A4. The method according to A1, wherein optimizing the CSS sub-resources includes: generating a corresponding URL for the optimized CSS sub-resources; recording the URL of the visited webpage and the URL of the optimized CSS sub-resources corresponding relationship. A5. The method according to A4, wherein the modifying the received response information by the server according to the content cached in the server includes: searching for the URL of the visited webpage in the corresponding relationship of records, and including the response information in the response information. The URL of the CSS sub-resource is changed to the URL of the corresponding optimized CSS sub-resource. A6. The method according to any one of A1 to A5, wherein the returning the found optimized CSS sub-resource to the client includes: encapsulating the message of the optimized CSS sub-resource A CSS saved bytes field is added to the header, and the CSS saved bytes field is the number of bytes reduced by the optimized CSS sub-resource compared with the unoptimized CSS sub-resource.

The embodiment of the present invention also discloses B7, a method for loading and accessing a web page style sheet on the client side, the method includes: the client sends a web page access request to the server, and receives the response information returned by the server, the response information The response information returned by the website to which the web page belongs or the modified response information of the server; the client parses the response information, sends a CSS subresource request to the server according to the parsed content, and receives the CSS returned by the server Subresource, load the CSS subresource.

The embodiment of the present invention also discloses C8, a server for processing style sheets. The server includes: a proxy module, a caching module, and a style sheet CSS resource optimization module. Forwarding to the website to which the webpage that requests access belongs, receiving the response information returned by the website, judging whether the CSS sub-resource of the webpage has been cached in the caching module, and notifying the CSS resource optimization module of the judging result; The module is further adapted to forward the received response information to the client when the judgment result is that the CSS sub-resource of the web page is not cached in the caching module, receive the CSS sub-resource request sent by the client, and send The CSS sub-resource request is forwarded to the website, the CSS sub-resource returned by the website is received, and the CSS sub-resource is forwarded to the client; the CSS resource optimization module specifically includes: CSS optimization sub-module and CSS modification sub-module; the CSS optimization sub-module is adapted to optimize the CSS sub-resources received from the website and cache them in the Cache module: the CSS modification sub-module is adapted to respond to the received website according to the cached content in the cache module when the judgment result is that the CSS sub-resource of the web page has been cached in the cache module Modify; the proxy module is also adapted to send the modified response information to the client, and after receiving the CSS sub-resource request sent by the client, search for the corresponding optimization in the cache module The optimized CSS sub-resource is returned to the client after finding the optimized CSS sub-resource. The caching module is suitable for caching optimized CSS sub-resources. C9. The server according to C8, wherein the CSS optimization submodule is adapted to remove redundant information in each CSS sub-resource. C10. The server according to C8 or C9, wherein the CSS optimization submodule is adapted to group multiple CSS sub-resources according to the semantics and/or logic of CSS sub-resources, and in each group, group The CSS subresources are aggregated into one CSS subresource. C11. The server according to C8, wherein the CSS optimization submodule is adapted to generate a corresponding URL for the optimized CSS sub-resource, and record the correspondence between the URL of the visited webpage and the URL of the optimized CSS sub-resource Relationship, cache the optimized CSS sub-resources to the caching module. C12. The server according to C11, wherein the CSS modification submodule is adapted to search for the URL of the visited webpage in the corresponding relationship of the record, and modify the URL of the CSS sub-resource contained in the response information to the corresponding optimized URL. The URL of the CSS subresource. C13. The server according to any one of C8 to C12, wherein the proxy module is adapted to add a CSS saving byte field in the packet header of the packet that encapsulates the optimized CSS sub-resource, and the CSS saving byte In the section field, fill in the number of bytes reduced between the optimized CSS sub-resource and the un-optimized CSS sub-resource.

The embodiment of the present invention also discloses D14, a client that loads a style sheet for accessing webpages, the client includes: a communication module, adapted to send a webpage access request to the server, and receive response information returned by the server, the The response information is the response information returned by the website to which the webpage belongs or the response information modified by the server; the parsing module is adapted to parse the response information; the communication module is also adapted to submit the parsed content to The server sends a CSS sub-resource request, and receives the CSS sub-resource returned by the server; the loading module is suitable for loading the received CSS sub-resource returned by the server.

According to the embodiment of the present invention, E15 is disclosed, a system for loading style sheets of accessed webpages, said system comprising: the server described in any one of C8 to C13, and the client described in claim D14.

Claims (13)

1. the method processing style design table, described method includes:

Whether the web access requests of client is transmitted to the website belonging to webpage that request accesses by server, receives the response message that described website returns, it is judged that the style design table CSS child resource of webpage described in buffer memory in described server,

If the CSS child resource of uncached described webpage in described server, then the response message of reception is transmitted to described client by server, the CSS child resource request described client sent is transmitted to described website, after receiving the CSS child resource that described website returns, described CSS child resource is transmitted to described client, described CSS child resource is optimized and is buffered in described server；

If the CSS child resource of webpage described in buffer memory in described server, then server according in described server buffer memory content to receive response message modify, amended response message is sent to described client, after receiving the CSS child resource request that described client sends, described server is searched the CSS child resource after the optimization of correspondence, the CSS child resource after the optimization found is returned to described client；

Described CSS child resource after the optimization found returned to described client include:

Adding CSS in the heading of the message of the CSS child resource after encapsulation optimizes and save byte field, this CSS saves the byte number of minimizing compared with the CSS child resource before optimizing of the CSS child resource after filling in optimization in byte field.

2. method according to claim 1, wherein,

Described CSS child resource is optimized and includes:

Remove the redundancy in each CSS child resource.

3. method according to claim 1 and 2, wherein,

Described being optimized by described CSS child resource includes:

Multiple CSS child resources are grouped by semanteme according to CSS child resource and/or logic；

In each packet, the CSS child resource in packet is polymerized to a CSS child resource.

4. method according to claim 1, wherein,

Described CSS child resource is optimized and includes:

For the CSS child resource after optimizing, the URL that generation is corresponding；

The corresponding relation of the URL of the CSS child resource after the URL of the webpage of record access and optimization.

5. method according to claim 4, wherein,

Described server according in described server the content of buffer memory the response message received is modified and is included:

The corresponding relation of record is searched the URL of the webpage of access, the URL of the CSS child resource comprised in response message is revised as the URL of the CSS child resource after the optimization of correspondence.

6. the method loading, in client, the style design table accessing webpage, described method includes:

User end to server sends web access requests, and receives the response message that server returns, and described response message is that the response message that returns of website belonging to described webpage or described server are to its amended response message；

Response message is resolved by client, sends the request of CSS child resource according to the content parsed to server, and receives the CSS child resource that server returns, loads this CSS child resource；

Wherein, the CSS child resource receiving server return includes: receive the message encapsulating the CSS child resource after optimizing that server returns, being added with CSS in the heading of this message and save byte field, this CSS saves the byte number of minimizing compared with the CSS child resource before optimizing of the CSS child resource after filling in optimization in byte field.

7. processing a server for style design table, described server includes: proxy module, cache module and style design table CSS resource optimization module,

Described proxy module, be suitable to the web access requests of client is transmitted to the webpage affiliated web site that request accesses, receive the response message that described website returns, it is judged that the CSS child resource of whether webpage described in buffer memory in described cache module, will determine that result informs described CSS resource optimization module；

Described proxy module, it is further adapted for when the CSS child resource that judged result is uncached described webpage in described cache module, the response message of reception is transmitted to described client, receive the CSS child resource request that described client sends, the request of described CSS child resource is transmitted to described website, receive the CSS child resource that described website returns, and described CSS child resource is transmitted to described client；

Described CSS resource optimization module specifically includes: CSS optimizes submodule and CSS revises submodule；

Described CSS optimizes submodule, is suitable to, when the CSS child resource that judged result is uncached described webpage in described cache module, be optimized by the CSS child resource received from website, and be cached to described cache module；

Described CSS revises submodule, is suitable to, when the CSS child resource that judged result is webpage described in buffer memory in described cache module, modify according to the response message that in described cache module, the content of the buffer memory website to receiving has returned；

Described proxy module, it is further adapted for described amended response message is sent to described client, after receiving the CSS child resource request that described client sends, described cache module is searched the CSS child resource after the optimization of correspondence, the CSS child resource after the optimization found is returned to described client；

Described cache module, is suitable to the CSS child resource after cache optimization；

Described proxy module, is further adapted in the heading of the message of the CSS child resource encapsulated after optimizing and adds CSS saving byte field, and this CSS saves the byte number of minimizing compared with the CSS child resource before optimization of the CSS child resource after filling in optimization in byte field.

8. server according to claim 7, wherein,

Described CSS optimizes submodule, is suitable to remove the redundancy in each CSS child resource.

9. the server according to claim 7 or 8, wherein,

Described CSS optimizes submodule, is suitable to the semanteme according to CSS child resource and/or logic, is grouped by multiple CSS child resources, in each packet, the CSS child resource in packet is polymerized to a CSS child resource.

10. server according to claim 7, wherein,

Described CSS optimizes submodule, is suitable for the CSS child resource after optimization, the corresponding relation of the URL of the CSS child resource after generating corresponding URL, the URL of the webpage of record access and optimizing, and the CSS child resource after optimizing is cached to described cache module.

11. server according to claim 10, wherein,

Described CSS revises submodule, is suitable to search the URL of the webpage of access in the corresponding relation of record, and the URL of the CSS child resource comprised in response message is revised as the URL of the CSS child resource after the optimization of correspondence.

12. load a client for the style design table accessing webpage, described client includes:

Communication module, is suitable to send web access requests to server, and receives the response message that server returns, and described response message is that the response message that returns of website belonging to described webpage or described server are to its amended response message；

Parsing module, is suitable to response message is resolved；

Described communication module, is further adapted for sending the request of CSS child resource according to the content parsed to server, and receives the CSS child resource that server returns；

Load-on module, is suitable to load the CSS child resource that the server received returns；

Wherein, described communication module, being suitable to the message of the CSS child resource after receiving the encapsulation optimization that server returns, be added with CSS and save byte field in the heading of this message, this CSS saves the byte number of minimizing compared with the CSS child resource before optimizing of the CSS child resource after filling in optimization in byte field.

13. load a system for the style design table accessing webpage, described system includes:

Server as described in any one of claim 7 to 11, and

Client as claimed in claim 12.