[發明專利]一種動態渲染類網頁優化方法

在審

• 申請號: 201711039297.2
• 申請日: 2017-10-27
• 公開（公告）號: CN107729531A
• 公開（公告）日: 2018-02-23
• 發明（設計）人: 張翔
• 申請（專利權）人: 深圳市行云易通科技有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30
• 代理公司: 深圳新創友知識產權代理有限公司44223
• 代理人: 江耀純

技術領域

本發明涉及信息技術領域，尤其涉及一種動態渲染類網頁優化方法。

背景技術

科技的飛速發展，帶來商業發展的進步。近年來，各種商業網站如雨后春筍般迅速崛起，給人們的生活帶來快捷和便利。在軟件市場上，充斥著各種類型的網站，而用戶想要找到自己需要用到的網站，大多數情況下，都是通過搜索引擎來查找的，所以對于網站而言，網站在全球各種搜索引擎中的排名就顯得尤為重要了。

現在的市場流行的框架，大多數都已經是前端動態渲染的框架了，比如市場流行的react，angular，Vue等都是在客戶端來進行動態的解析，而市場上大部分的搜索引擎，對于這類客戶端渲染的動態網站，都不是很友好，所以，搜索引擎的收錄、權重、排名都將受到影響。

對于網站擁有者而言，搜索引擎是黑盒化的，我們平時所做的SEO優化動作，也只能通過搜索引擎提供給我們的一些統計工具和收錄結果來做分析，這往往需要很長的一個周期。這樣，對于沒有太多搜索引擎經驗的用戶來說，對動態渲染類網頁做SEO優化需要花很多的時間，很多的精力和費用，其效果也未必好。

發明內容

本發明為了解決現有技術中動態渲染類網頁做SEO優化耗時長，結果不理想的問題，提供一種動態渲染類網頁優化方法。

為了解決上述問題，本發明采用的技術方案如下所述：

一種動態渲染類網頁優化方法，包括如下步驟：S1：通過代理服務器監聽網站中所有網頁的請求，對所述所有網頁的請求進行判斷，判斷是否需要監聽，所述網站包含至少一個網頁；S2：將需要監聽的網頁交由后端服務器進行路由分流，根據服務器中預先制定的優化方案對所述網站的網頁進行邏輯處理，直接獲取或預解析獲取網頁的緩存文件；S3：將所述緩存文件返回給搜索引擎。

優選地，步驟S2中根據所述預先制定的優化方案對所述網站的網頁進行邏輯處理包括如下步驟：S21：所述后端服務器根據網站中的網頁匹配預先制定在服務器中的對應的優化方案；S22：從所述優化方案中調取網頁的配置信息，同時獲取當前搜索引擎的名稱，記入操作日志。

優選地，所述邏輯處理包括：讀取服務器上網頁的緩存記錄，判斷網頁是否被解析過；如果已經被解析過，讀取緩存文件的內容；如果未被解析過，則對當前網頁進行實時的預解析，得到網頁的靜態緩存內容，并將所述緩存內容寫為緩存文件，同時更新緩存記錄并記錄操作日志。

優選地，所述讀取服務器上網頁的緩存記錄包括如下步驟：T1：根據當前頁面請求的地址，去緩存記錄文件中去遍歷查找；T2：若配置到相同的地址，則讀取當前地址所關聯的服務器上的緩存文件地址；T3：根據所述緩存文件地址，讀取緩存記錄，獲得緩存文件的生成日期，根據服務器上設置的過期期限判斷所述緩存文件是否過期，若未過期，讀取緩存文件的內容；若已過期，則清理緩存文件的內容，再通過預解析生成新的緩存文件。

優選地，步驟S1中還包括：先對網站中的網頁進行判斷，篩選出單頁面具有多數據類型的網頁，然后對網頁的請求進行判斷。

優選地，步驟S1中對所述網頁的請求進行判斷包括如下步驟：S11：在代理服務器的配置文件中，配置單頁面具有多數據類型的網頁的列表；S12：獲取所述所述網頁的請求header中的信息；S13：根據所述列表和所述header中的信息判斷是否需要對網頁進行監聽。

優選地，所述預解析包括如下步驟：P1：根據獲得的網頁請求地址，下載請求的靜態資源，所述靜態資源包括：html文件、css文件、img圖片、js文件；P2：執行所述js代碼，并去服務器上請求后端接口數據，將json格式的數據字段解析到對應的html標簽容器中，將后臺的數據渲染到了html中；P3：所述js代碼繼續執行css代碼，將存在js代碼中的css代碼解析到style標簽中，并插入到此時暫存在內存中的dom結構的head標簽里；P4：解析json代碼，將數據綁定到頁面中，生成完整的dom結構P5：所有靜態資源文件被執行完之后，所述chrome v8內核模擬瀏覽器引擎將渲染完成的完整的dom結構輸出；P6：取出所述dom結構中body部分的代碼在本地進行靜態化渲染，得到靜態html內容并將所述靜態html內容寫為緩存文件。

優選地，所述緩存文件的生成包括如下步驟：R1：獲取當前頁面名稱，作為1級目錄名稱；R2：獲取當前操作的時間，所述時間由由年月日組成，作為2級目錄名稱；R3：獲取當前操作的時間戳，將時間戳作為緩存文件的名稱，將所述預解析所得到的內容寫入緩存文件中；R4：記錄當前操作的地址和所述緩存文件的地址及名稱，并保存在緩存記錄中。