[發(fā)明專利]一種網(wǎng)頁優(yōu)化方法及裝置

有效

• 申請?zhí)枺?/td>: 201611248299.8
• 申請日: 2016-12-29
• 公開（公告）號: CN106648821B
• 公開（公告）日: 2020-02-11
• 發(fā)明（設(shè)計）人: 劉永生
• 申請（專利權(quán)）人: 北京奇藝世紀(jì)科技有限公司
• 主分類號: G06F8/41
• 分類號: G06F8/41;G06F16/957
• 代理公司: 11413 北京柏杉松知識產(chǎn)權(quán)代理事務(wù)所(普通合伙)
• 代理人: 項京;馬敬

本發(fā)明實施例公開了一種網(wǎng)頁優(yōu)化方法及裝置，該方法通過接收到的URL請求，能夠確定出網(wǎng)頁內(nèi)容在客戶端中進(jìn)行展示的最外層網(wǎng)頁容器，并在最外層網(wǎng)頁容器中對URL請求對應(yīng)的原始網(wǎng)頁代碼進(jìn)行預(yù)加載，通過預(yù)加載能夠獲得原始網(wǎng)頁代碼中各元素對應(yīng)的布局屬性值，并將上述各元素對應(yīng)的布局屬性值確定為對應(yīng)元素的初始布局屬性值，生成優(yōu)化網(wǎng)頁代碼。應(yīng)用本發(fā)明實施例對網(wǎng)頁進(jìn)行優(yōu)化，能夠?qū)υ季W(wǎng)頁代碼中各元素對應(yīng)的初始布局屬性值進(jìn)行設(shè)定，使得客戶端在加載優(yōu)化網(wǎng)頁代碼時，對網(wǎng)頁代碼中各元素進(jìn)行布局計算的計算量大大減少，節(jié)省了網(wǎng)頁展示的時間，進(jìn)而提高了網(wǎng)頁展示的速度。

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

本發(fā)明涉及計算機軟件應(yīng)用領(lǐng)域，特別涉及一種網(wǎng)頁優(yōu)化方法及裝置。

背景技術(shù)

隨著互聯(lián)網(wǎng)應(yīng)用的推廣與普及，越來越多的企業(yè)通過網(wǎng)頁的方式來宣傳產(chǎn)品以及發(fā)布促銷信息等等，由于這些信息更新比較頻繁、具有很強的實時性，這對，這對展示網(wǎng)頁的速度提出了更高的要求。

通常展示網(wǎng)頁的過程為，客戶端接收用戶發(fā)出的URL(Uniform ResourceLocator，統(tǒng)一資源定位符)請求之后，客戶端將該URL請求發(fā)送給服務(wù)端，服務(wù)端在接收到該URL請求后，便將與該URL請求匹配的網(wǎng)頁代碼發(fā)送給客戶端，然后客戶端對該網(wǎng)頁代碼進(jìn)行解析，完成布局計算，最終展示在對應(yīng)的顯示界面中。

對于客戶端來說，其展示網(wǎng)頁的速度(解析網(wǎng)頁代碼的速度)與網(wǎng)頁代碼有直接的關(guān)系，網(wǎng)頁代碼中元素的數(shù)量越多，各元素對應(yīng)的初始布局屬性值越少，則展示該網(wǎng)頁代碼時也就越慢。但為了適應(yīng)復(fù)雜的應(yīng)用場景，開發(fā)人員所編寫的網(wǎng)頁代碼通常比較復(fù)雜，并且在編寫的網(wǎng)頁代碼中不對各元素的初始布局屬性值進(jìn)行設(shè)置，而客戶端對這種類型的網(wǎng)頁代碼進(jìn)行解析時，往往需要耗用較長的時間才能完成對各元素的布局計算，可見，如果不能對網(wǎng)頁代碼進(jìn)行優(yōu)化，這將進(jìn)一步導(dǎo)致客戶端在展示該網(wǎng)頁時速度低下。

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

本發(fā)明實施例的目的在于提供一種網(wǎng)頁優(yōu)化方法及裝置，能夠優(yōu)化網(wǎng)頁代碼，進(jìn)而提高網(wǎng)頁展示的速度。

為達(dá)到上述目的，本發(fā)明實施例公開了一種網(wǎng)頁優(yōu)化方法，該方法包括：

接收客戶端發(fā)送的用于展示網(wǎng)頁內(nèi)容的統(tǒng)一資源定位符URL請求，所述URL請求的后綴中包含所述客戶端的窗口大小；

根據(jù)所述URL請求，確定所述網(wǎng)頁內(nèi)容在所述客戶端中展示時對應(yīng)的最外層網(wǎng)頁容器大小；

在所述最外層網(wǎng)頁容器中對所述URL請求對應(yīng)的原始網(wǎng)頁代碼進(jìn)行預(yù)加載，獲得針對所述原始網(wǎng)頁代碼中各元素的布局屬性值；

基于所述原始網(wǎng)頁代碼，將所述布局屬性值確定為對應(yīng)元素的初始布局屬性值，生成優(yōu)化網(wǎng)頁代碼。

優(yōu)選的，所述獲得針對所述原始網(wǎng)頁代碼中各元素的布局屬性值，包括：

通過網(wǎng)頁腳本語言JS，獲取排版引擎針對所述原始網(wǎng)頁代碼中各元素在各自對應(yīng)的網(wǎng)頁容器中的布局計算值，以及每個中間層網(wǎng)頁容器的布局計算值，所述中間層網(wǎng)頁容器為非最外層網(wǎng)頁容器；

所述基于所述原始網(wǎng)頁代碼，將所述布局屬性值確定為對應(yīng)元素的初始布局屬性值，生成優(yōu)化網(wǎng)頁代碼，包括：

基于所述原始網(wǎng)頁代碼，將原始網(wǎng)頁代碼中各元素在各自對應(yīng)的網(wǎng)頁容器中的布局計算值，以及每個中間層網(wǎng)頁容器的布局計算值確定為對應(yīng)的初始布局屬性值，生成優(yōu)化網(wǎng)頁代碼。

優(yōu)選的，所述布局計算值至少包括：

寬width、高h(yuǎn)eight、頂邊距top以及左邊距l(xiāng)eft對應(yīng)的計算值；

或，寬width、高h(yuǎn)eight、底邊距bottom以及右邊距right對應(yīng)的計算值。

優(yōu)選的，所述方法還包括：