[發(fā)明專利]一種基于延時加載的頁面快速響應(yīng)方法及裝置

在審

• 申請?zhí)枺?/td>: 201810439381.1
• 申請日: 2018-05-09
• 公開（公告）號: CN108629032A
• 公開（公告）日: 2018-10-09
• 發(fā)明（設(shè)計）人: 陳碧勇;方敏;呂曄
• 申請（專利權(quán)）人: 廈門南訊軟件科技有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30
• 代理公司: 廣州市紅荔專利代理有限公司 44214
• 代理人: 吳偉文

1.一種基于延時加載的頁面快速響應(yīng)方法，其特征在于，所述方法包括如下步驟：

對頁面元素進行解析，將頁面元素劃分為框架元素和數(shù)據(jù)元素，創(chuàng)建該頁面的文檔對象模型DOM樹；

響應(yīng)用戶點擊頁面的操作，遍歷所述DOM樹的所有節(jié)點，首先進行框架元素加載；

進行首次頁面渲染，為用戶呈現(xiàn)框架頁面；

將數(shù)據(jù)元素加載至頁面上；

進行二次頁面渲染，顯示最終頁面。

2.如權(quán)利要求1所述的一種基于延時加載的頁面快速響應(yīng)方法，其特征在于，所述的框架元素壓縮合并后存放于公共CND環(huán)境。

3.如權(quán)利要求2所述的一種基于延時加載的頁面快速響應(yīng)方法，其特征在于，所述的框架元素包括在解析HTML頁面的整個過程中都會用到的公共JS文件、公共樣式文件和第三方插件。

4.如權(quán)利要求3所述的一種基于延時加載的頁面快速響應(yīng)方法，其特征在于，所述的框架元素加載采用預(yù)加載，在同一時間段內(nèi)進行預(yù)加載的框架元素的文件數(shù)目不大于6。

5.如權(quán)利要求4所述的一種基于延時加載的頁面快速響應(yīng)方法，其特征在于，所述的預(yù)加載采取動態(tài)加載的方式，在前一個文件加載完成后再加載依賴它的下一個文件。

6.如權(quán)利要求1所述的一種基于延時加載的頁面快速響應(yīng)方法，其特征在于，所述的數(shù)據(jù)元素包括根據(jù)客戶需求展現(xiàn)在頁面上的業(yè)務(wù)相關(guān)數(shù)據(jù)和非公共樣式文件。

7.如權(quán)利要求1所述的一種基于延時加載的頁面快速響應(yīng)方法，其特征在于，所述的數(shù)據(jù)元素加載至頁面是通過加載器進行延時和按需異步加載，或者通過在框架頁面上使用iframe進行單獨業(yè)務(wù)的處理。

8.如權(quán)利要求7所述的一種基于延時加載的頁面快速響應(yīng)方法，其特征在于，所述的數(shù)據(jù)元素加載與所述的首次頁面渲染同步進行，互不影響。

9.如權(quán)利要求8所述的一種基于延時加載的頁面快速響應(yīng)方法，其特征在于，所述的二次頁面渲染可以根據(jù)數(shù)據(jù)元素異步加載的情況進行多次渲染。

10.一種基于延時加載的頁面快速響應(yīng)裝置，其特征在于，包括頁面解析裝置、第一數(shù)據(jù)加載裝置、第一頁面渲染裝置、第二數(shù)據(jù)加載裝置和第二頁面渲染裝置，其中，

頁面解析裝置用于對頁面元素進行解析，將頁面元素劃分為框架元素和數(shù)據(jù)元素，創(chuàng)建該頁面的文檔對象模型DOM樹；

第一數(shù)據(jù)加載裝置用于響應(yīng)用戶點擊頁面的操作，遍歷所述DOM樹的所有節(jié)點，首先進行框架元素加載；

第一頁面渲染裝置用于進行首次頁面渲染，為用戶呈現(xiàn)框架頁面；

第二數(shù)據(jù)加載裝置用于將數(shù)據(jù)元素加載至頁面上；

第二頁面渲染裝置用于進行二次頁面渲染，顯示最終頁面。