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

有效

• 申請(qǐng)?zhí)枺?/td>: 201911029123.7
• 申請(qǐng)日: 2019-10-28
• 公開(kāi)（公告）號(hào): CN110688118B
• 公開(kāi)（公告）日: 2023-05-05
• 發(fā)明（設(shè)計(jì)）人: 李炫;李濤
• 申請(qǐng)（專利權(quán)）人: 鄭州阿帕斯科技有限公司
• 主分類號(hào): G06F8/38
• 分類號(hào): G06F8/38;G06F8/41;G06F16/958;G06F16/957
• 代理公司: 北京國(guó)昊天誠(chéng)知識(shí)產(chǎn)權(quán)代理有限公司 11315
• 代理人: 朱文杰

本申請(qǐng)實(shí)施例提供了一種網(wǎng)頁(yè)優(yōu)化方法及裝置，涉及互聯(lián)網(wǎng)技術(shù)領(lǐng)域，其中方法包括：根據(jù)待優(yōu)化的HTML網(wǎng)頁(yè)的HTML模板文件，創(chuàng)建HTML網(wǎng)頁(yè)的CSS樣式的語(yǔ)法分析器，其中，語(yǔ)法分析器用于統(tǒng)計(jì)CSS樣式的樣式信息；根據(jù)HTML網(wǎng)頁(yè)的原始CSS文件，生成對(duì)象關(guān)系模型；根據(jù)語(yǔ)法分析器和對(duì)象關(guān)系模型，確定CSS樣式中的CSS選擇器和原始CSS文件中的CSS選擇器的優(yōu)化信息；根據(jù)優(yōu)化信息對(duì)HTML模板文件和原始CSS文件進(jìn)行優(yōu)化處理。通過(guò)本申請(qǐng)實(shí)施例，實(shí)現(xiàn)了網(wǎng)頁(yè)代碼壓縮，提升了網(wǎng)頁(yè)加載速度；并且壓縮后的網(wǎng)頁(yè)代碼對(duì)于爬蟲而言起到了混淆作用，增加了爬蟲對(duì)網(wǎng)頁(yè)內(nèi)容的抓取難度，增強(qiáng)了網(wǎng)頁(yè)的安全性。

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

本申請(qǐng)涉及互聯(lián)網(wǎng)技術(shù)領(lǐng)域，尤其涉及一種網(wǎng)頁(yè)優(yōu)化方法及裝置。

背景技術(shù)

級(jí)聯(lián)樣式表(Cascading?Style?Sheet)，簡(jiǎn)稱CSS，其用于網(wǎng)頁(yè)風(fēng)格設(shè)計(jì)。在HTML網(wǎng)頁(yè)發(fā)開(kāi)發(fā)過(guò)程中，通常使用CSS來(lái)修飾頁(yè)面，定義如何顯示HTML元素。為了使開(kāi)發(fā)代碼更容易閱讀和理解，發(fā)開(kāi)人員通常使用語(yǔ)義化的CSS來(lái)定義網(wǎng)頁(yè)中的HTML元素。然而語(yǔ)義化的CSS不可避免的會(huì)增加代碼體積，降低網(wǎng)頁(yè)加載速度，并且使得爬蟲能夠更容易的抓取到網(wǎng)頁(yè)內(nèi)容。

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

本申請(qǐng)實(shí)施例的目的是提供一種網(wǎng)頁(yè)優(yōu)化方法及裝置，在不影響HTML網(wǎng)頁(yè)正常顯示的情況下，優(yōu)化網(wǎng)頁(yè)代碼以減小代碼體積，提升網(wǎng)頁(yè)加載速度并增加爬蟲抓取網(wǎng)頁(yè)內(nèi)容的難度。

第一方面，本申請(qǐng)實(shí)施例提供了一種網(wǎng)頁(yè)優(yōu)化方法，包括：

根據(jù)待優(yōu)化的HTML網(wǎng)頁(yè)的HTML模板文件，創(chuàng)建所述HTML網(wǎng)頁(yè)的CSS樣式的語(yǔ)法分析器，其中，所述語(yǔ)法分析器用于統(tǒng)計(jì)所述CSS樣式的樣式信息；

根據(jù)所述HTML網(wǎng)頁(yè)的原始CSS文件，生成對(duì)象關(guān)系模型；

根據(jù)所述語(yǔ)法分析器和所述對(duì)象關(guān)系模型，確定所述CSS樣式中的CSS選擇器和所述原始CSS文件中的CSS選擇器的優(yōu)化信息；

根據(jù)所述優(yōu)化信息對(duì)所述HTML模板文件和所述原始CSS文件進(jìn)行優(yōu)化處理。

第二方面，本申請(qǐng)實(shí)施例提供了一種網(wǎng)頁(yè)優(yōu)化裝置，包括：

創(chuàng)建模塊，用于根據(jù)待優(yōu)化的HTML網(wǎng)頁(yè)的HTML模板文件，創(chuàng)建所述HTML網(wǎng)頁(yè)的CSS樣式的語(yǔ)法分析器，其中，所述語(yǔ)法分析器用于統(tǒng)計(jì)所述CSS樣式的樣式信息；

生成模塊，用于根據(jù)所述HTML網(wǎng)頁(yè)的原始CSS文件，生成對(duì)象關(guān)系模型；

確定模塊，用于根據(jù)所述語(yǔ)法分析器和所述對(duì)象關(guān)系模型，確定所述CSS樣式中的CSS選擇器和所述原始CSS文件中的CSS選擇器的優(yōu)化信息；

優(yōu)化模塊，用于根據(jù)所述優(yōu)化信息對(duì)所述HTML模板文件和所述原始CSS文件進(jìn)行優(yōu)化處理。

第三方面，本申請(qǐng)實(shí)施例提供了一種網(wǎng)頁(yè)優(yōu)化設(shè)備，包括：處理器；以及被安排成存儲(chǔ)計(jì)算機(jī)可執(zhí)行指令的存儲(chǔ)器，所述計(jì)算機(jī)可執(zhí)行指令在被執(zhí)行時(shí)使所述處理器實(shí)現(xiàn)上述網(wǎng)頁(yè)優(yōu)化方法的步驟。

第四方面，本申請(qǐng)實(shí)施例提供了一種存儲(chǔ)介質(zhì)，用于存儲(chǔ)計(jì)算機(jī)可執(zhí)行指令，所述計(jì)算機(jī)可執(zhí)行指令在被執(zhí)行時(shí)實(shí)現(xiàn)上述網(wǎng)頁(yè)優(yōu)化方法的步驟。

本申請(qǐng)實(shí)施例所提供的網(wǎng)頁(yè)優(yōu)化方法及裝置，通過(guò)創(chuàng)建HTML網(wǎng)頁(yè)的CSS樣式的語(yǔ)義分析器，并基于HTML網(wǎng)頁(yè)的原始CSS文件生成對(duì)象關(guān)系模型，從而根據(jù)該語(yǔ)義分析器和對(duì)象關(guān)系模型，確定CSS選擇器的優(yōu)化信息，并根據(jù)該優(yōu)化信息對(duì)HTML網(wǎng)頁(yè)的HTML模板文件和原始CSS文件進(jìn)行優(yōu)化處理，以減小代碼體積。由此，在不影響HTML網(wǎng)頁(yè)正常顯示的基礎(chǔ)上，實(shí)現(xiàn)了網(wǎng)頁(yè)代碼的壓縮，提升了網(wǎng)頁(yè)加載速度；并且壓縮后的網(wǎng)頁(yè)代碼對(duì)于爬蟲而言起到了混淆的作用，因而增加了爬蟲對(duì)網(wǎng)頁(yè)內(nèi)容的抓取難度，增強(qiáng)了網(wǎng)頁(yè)的安全性。

附圖說(shuō)明