[發(fā)明專利]處理風(fēng)格樣式表的方法、服務(wù)器、客戶端和系統(tǒng)

有效

• 申請?zhí)枺?/td>: 201310215270.X
• 申請日: 2013-05-31
• 公開（公告）號: CN103258056A
• 公開（公告）日: 2013-08-21
• 發(fā)明（設(shè)計）人: 孫濤
• 申請（專利權(quán)）人: 北京奇虎科技有限公司;奇智軟件（北京）有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30;H04L29/06
• 代理公司: 北京市隆安律師事務(wù)所 11323
• 代理人: 權(quán)鮮枝;董垚

技術(shù)領(lǐng)域

本發(fā)明涉及計算機網(wǎng)絡(luò)技術(shù)領(lǐng)域，具體涉及一種處理風(fēng)格樣式表的方法、服務(wù)器、客戶端和系統(tǒng)。

背景技術(shù)

現(xiàn)有技術(shù)中，與終端瀏覽器相關(guān)的架構(gòu)為C/S（客戶端/服務(wù)器，Client/Server）架構(gòu)。在此種架構(gòu)中，作為客戶端的終端瀏覽器中帶有渲染引擎，當(dāng)客戶端請求訪問頁面，并且服務(wù)器返回頁面資源時，客戶端的渲染引擎在本地進行頁面渲染。在此架構(gòu)中，服務(wù)器(也稱為“云端”)，通常為代理加緩存的處理模塊。客戶端的請求通過服務(wù)器發(fā)送到網(wǎng)站，而從網(wǎng)站返回的響應(yīng)也通過服務(wù)器返回至客戶端，客戶端在收到服務(wù)器的返回的網(wǎng)頁信息之后，會通過瀏覽器渲染引擎進行渲染，從而呈現(xiàn)渲染后的頁面。

CSS（風(fēng)格樣式表，也稱為級聯(lián)樣式表，Cascading?Style?Sheet），是用來進行網(wǎng)頁風(fēng)格設(shè)置所用的數(shù)據(jù)。通過CSS可以統(tǒng)一地設(shè)置網(wǎng)頁中各標(biāo)志的顯示屬性。使用CSS能夠更加有效地設(shè)置網(wǎng)頁外觀，具體地，可以精確指定網(wǎng)頁元素位置，擴充外觀以及創(chuàng)建特殊效果。網(wǎng)頁中所使用的風(fēng)格樣式表主要包括三種：(1)外部樣式，將網(wǎng)頁鏈接到外部樣式表；(2)內(nèi)頁樣式，在網(wǎng)頁中創(chuàng)建嵌入的樣式表。(3)行內(nèi)樣式，應(yīng)用內(nèi)嵌樣式到各個網(wǎng)頁元素。

對于外部樣式的CSS，客戶端需要從網(wǎng)站中獲得該CSS子資源，在本地渲染時應(yīng)用該CSS子資源。由于CSS子資源傳輸所使用的傳輸層協(xié)議為TCP協(xié)議。TCP連接建立需要耗費較多的時間，隨著網(wǎng)頁效果越來越復(fù)雜，網(wǎng)頁中所包含的外部CSS子資源的數(shù)量也越來越多。現(xiàn)有技術(shù)中，每獲得一個外部CSS子資源，都需要與網(wǎng)站建立TCP連接，由此產(chǎn)生網(wǎng)頁加載速度緩慢，加載時間過長的問題。此外，各個客戶端在加載網(wǎng)站的網(wǎng)頁時，都需要與該網(wǎng)站建立TCP連接以下載CSS子資源，由此造成網(wǎng)站的系統(tǒng)任務(wù)負擔(dān)和通信傳輸負擔(dān)顯著增加，也進一步導(dǎo)致網(wǎng)頁的加載速度緩慢。

發(fā)明內(nèi)容

鑒于上述問題，提出了本發(fā)明以便提供一種克服上述問題或者至少部分地解決上述問題的處理風(fēng)格樣式表的方法、服務(wù)器、客戶端和系統(tǒng)。

根據(jù)本發(fā)明的一個方面，提供了一種處理風(fēng)格樣式表的方法，所述方法包括：

服務(wù)器將客戶端的網(wǎng)頁訪問請求轉(zhuǎn)發(fā)給請求訪問的網(wǎng)頁所屬的網(wǎng)站，接收所述網(wǎng)站返回的響應(yīng)信息，判斷所述服務(wù)器中是否已緩存所述網(wǎng)頁的風(fēng)格樣式表CSS子資源，

如果所述服務(wù)器中未緩存所述網(wǎng)頁的CSS子資源，則服務(wù)器將接收的響應(yīng)信息轉(zhuǎn)發(fā)給所述客戶端，將所述客戶端發(fā)送的CSS子資源請求轉(zhuǎn)發(fā)給所述網(wǎng)站，接收到所述網(wǎng)站返回的CSS子資源后，將所述CSS子資源轉(zhuǎn)發(fā)給所述客戶端，將所述CSS子資源進行優(yōu)化并緩存在所述服務(wù)器中；

如果所述服務(wù)器中已緩存所述網(wǎng)頁的CSS子資源，則服務(wù)器根據(jù)所述服務(wù)器中已緩存的內(nèi)容對接收的響應(yīng)信息進行修改，向所述客戶端發(fā)送修改后的響應(yīng)信息，接收到所述客戶端發(fā)送的CSS子資源請求后，在所述服務(wù)器中查找對應(yīng)的優(yōu)化后的CSS子資源，將查找到的優(yōu)化后的CSS子資源返回給所述客戶端。

其中，所述將所述CSS子資源進行優(yōu)化包括：去除各個CSS子資源中的冗余信息。

其中，所述將所述CSS子資源進行優(yōu)化包括：根據(jù)CSS子資源的語義和/或邏輯，將多個CSS子資源分組；在每個分組中，將分組中的CSS子資源聚合為一個CSS子資源。

其中，所述將所述CSS子資源進行優(yōu)化包括：為優(yōu)化后的CSS子資源，生成對應(yīng)的URL；記錄訪問的網(wǎng)頁的URL與優(yōu)化后的CSS子資源的URL的對應(yīng)關(guān)系。

其中，所述服務(wù)器根據(jù)所述服務(wù)器中已緩存的內(nèi)容對接收的響應(yīng)信息進行修改包括：在記錄的對應(yīng)關(guān)系中查找訪問的網(wǎng)頁的URL，將響應(yīng)信息中包含的CSS子資源的URL修改為對應(yīng)的優(yōu)化后的CSS子資源的URL。

其中，所述將查找到的優(yōu)化后的CSS子資源返回給所述客戶端包括：在封裝優(yōu)化后的CSS子資源的報文的報文頭中添加CSS節(jié)省字節(jié)字段，該CSS節(jié)省字節(jié)字段中為優(yōu)化后的CSS子資源與優(yōu)化前的CSS子資源相比減少的字節(jié)數(shù)。

根據(jù)本發(fā)明的一個方面，公開了一種在客戶端加載訪問網(wǎng)頁的風(fēng)格樣式表的方法，所述方法包括：

客戶端向服務(wù)器發(fā)送網(wǎng)頁訪問請求，并接收服務(wù)器返回的響應(yīng)信息，所述響應(yīng)信息為所述網(wǎng)頁所屬的網(wǎng)站返回的響應(yīng)信息或所述服務(wù)器對其修改后的響應(yīng)信息；

客戶端對響應(yīng)信息進行解析，根據(jù)解析出的內(nèi)容向服務(wù)器發(fā)送CSS子資源請求，并接收服務(wù)器返回的CSS子資源，加載該CSS子資源。