[發(fā)明專利]一種動態(tài)渲染類網(wǎng)頁優(yōu)化方法

在審

• 申請?zhí)枺?/td>: 201711039297.2
• 申請日: 2017-10-27
• 公開（公告）號: CN107729531A
• 公開（公告）日: 2018-02-23
• 發(fā)明（設(shè)計(jì)）人: 張翔
• 申請（專利權(quán)）人: 深圳市行云易通科技有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30
• 代理公司: 深圳新創(chuàng)友知識產(chǎn)權(quán)代理有限公司44223
• 代理人: 江耀純

1.一種動態(tài)渲染類網(wǎng)頁優(yōu)化方法，其特征在于，包括如下步驟：

S1：通過代理服務(wù)器監(jiān)聽網(wǎng)站中所有網(wǎng)頁的請求，對所述所有網(wǎng)頁的請求進(jìn)行判斷，判斷是否需要監(jiān)聽，所述網(wǎng)站包含至少一個(gè)網(wǎng)頁；

S2：將需要監(jiān)聽的網(wǎng)頁交由后端服務(wù)器進(jìn)行路由分流，根據(jù)服務(wù)器中預(yù)先制定的優(yōu)化方案對所述網(wǎng)站的網(wǎng)頁進(jìn)行邏輯處理，直接獲取或預(yù)解析獲取網(wǎng)頁的緩存文件；

S3：將所述緩存文件返回給搜索引擎。

2.如權(quán)利要求1所述的動態(tài)渲染類網(wǎng)頁優(yōu)化方法，其特征在于，步驟S2中根據(jù)所述預(yù)先制定的優(yōu)化方案對所述網(wǎng)站的網(wǎng)頁進(jìn)行邏輯處理包括如下步驟：

S21：所述后端服務(wù)器根據(jù)網(wǎng)站中的網(wǎng)頁匹配預(yù)先制定在服務(wù)器中的對應(yīng)的優(yōu)化方案；

S22：從所述優(yōu)化方案中調(diào)取網(wǎng)頁的配置信息，同時(shí)獲取當(dāng)前搜索引擎的名稱，記入操作日志。

3.如權(quán)利要求1或2所述的動態(tài)渲染類網(wǎng)頁優(yōu)化方法，其特征在于，所述邏輯處理包括：讀取服務(wù)器上網(wǎng)頁的緩存記錄，判斷網(wǎng)頁是否被解析過；如果已經(jīng)被解析過，讀取緩存文件的內(nèi)容；如果未被解析過，則對當(dāng)前網(wǎng)頁進(jìn)行實(shí)時(shí)的預(yù)解析，得到網(wǎng)頁的靜態(tài)緩存內(nèi)容，并將所述緩存內(nèi)容寫為緩存文件，同時(shí)更新緩存記錄并記錄操作日志。

4.如權(quán)利要求3所述的動態(tài)渲染類網(wǎng)頁優(yōu)化方法，其特征在于，所述讀取服務(wù)器上網(wǎng)頁的緩存記錄包括如下步驟：

T1：根據(jù)當(dāng)前頁面請求的地址，去緩存記錄文件中去遍歷查找；

T2：若配置到相同的地址，則讀取當(dāng)前地址所關(guān)聯(lián)的服務(wù)器上的緩存文件地址；

T3：根據(jù)所述緩存文件地址，讀取緩存記錄，獲得緩存文件的生成日期，根據(jù)服務(wù)器上設(shè)置的過期期限判斷所述緩存文件是否過期，若未過期，讀取緩存文件的內(nèi)容；若已過期，則清理緩存文件的內(nèi)容，再通過預(yù)解析生成新的緩存文件。

5.如權(quán)利要求1所述的動態(tài)渲染類網(wǎng)頁優(yōu)化方法，其特征在于，步驟S1中還包括：先對網(wǎng)站中的網(wǎng)頁進(jìn)行判斷，篩選出單頁面具有多數(shù)據(jù)類型的網(wǎng)頁，然后對網(wǎng)頁的請求進(jìn)行判斷。

6.如權(quán)利要求1或5任一所述的動態(tài)渲染類網(wǎng)頁優(yōu)化方法，其特征在于，步驟S1中對所述網(wǎng)頁的請求進(jìn)行判斷包括如下步驟：

S11：在代理服務(wù)器的配置文件中，配置單頁面具有多數(shù)據(jù)類型的網(wǎng)頁的列表；

S12：獲取所述所述網(wǎng)頁的請求header中的信息；

S13：根據(jù)所述列表和所述header中的信息判斷是否需要對網(wǎng)頁進(jìn)行監(jiān)聽。

7.如權(quán)利要求1所述的動態(tài)渲染類網(wǎng)頁優(yōu)化方法，其特征在于，所述預(yù)解析包括如下步驟：

P1：根據(jù)獲得的網(wǎng)頁請求地址，下載請求的靜態(tài)資源，所述靜態(tài)資源包括：html文件、css文件、img圖片、js文件；

P2：執(zhí)行所述js代碼，并去服務(wù)器上請求后端接口數(shù)據(jù)，將json格式的數(shù)據(jù)字段解析到對應(yīng)的html標(biāo)簽容器中，將后臺的數(shù)據(jù)渲染到了html中；

P3：所述js代碼繼續(xù)執(zhí)行css代碼，將存在js代碼中的css代碼解析到style標(biāo)簽中，并插入到此時(shí)暫存在內(nèi)存中的dom結(jié)構(gòu)的head標(biāo)簽里；

P4：解析json代碼，將數(shù)據(jù)綁定到頁面中，生成完整的dom結(jié)構(gòu)

P5：所有靜態(tài)資源文件被執(zhí)行完之后，所述chrome v8內(nèi)核模擬瀏覽器引擎將渲染完成的完整的dom結(jié)構(gòu)輸出；

P6：取出所述dom結(jié)構(gòu)中body部分的代碼在本地進(jìn)行靜態(tài)化渲染，得到靜態(tài)html內(nèi)容并將所述靜態(tài)html內(nèi)容寫為緩存文件。

8.如權(quán)利要求1所述的動態(tài)渲染類網(wǎng)頁優(yōu)化方法，其特征在于，所述緩存文件的生成包括如下步驟：

R1：獲取當(dāng)前頁面名稱，作為1級目錄名稱；

R2：獲取當(dāng)前操作的時(shí)間，所述時(shí)間由由年月日組成，作為2級目錄名稱；

R3：獲取當(dāng)前操作的時(shí)間戳，將時(shí)間戳作為緩存文件的名稱，將所述預(yù)解析所得到的內(nèi)容寫入緩存文件中；

R4：記錄當(dāng)前操作的地址和所述緩存文件的地址及名稱，并保存在緩存記錄中。

9.如權(quán)利要求1所述的動態(tài)渲染類網(wǎng)頁優(yōu)化方法，其特征在于，所述代理服務(wù)器為nginx，所述后端服務(wù)器為koa。