[發明專利]一種實現云平臺前端頁面加載速度提升的配置方法及系統

有效

• 申請號: 202010954843.0
• 申請日: 2020-09-11
• 公開（公告）號: CN111966938B
• 公開（公告）日: 2022-06-14
• 發明（設計）人: 張冬陽
• 申請（專利權）人: 蘇州浪潮智能科技有限公司
• 主分類號: G06F16/957
• 分類號: G06F16/957;G06F9/451;G06F16/958
• 代理公司: 濟南舜源專利事務所有限公司 37205
• 代理人: 徐胭脂

本發明提供一種實現云平臺前端頁面加載速度提升的配置方法及系統，包括：后端分配系統資源并通過設置靜態資源的最大緩存時間將靜態資源緩存到本地；設置前端頁面使用按需加載、懶加載的模式進行加載；前端頁面加載中設置優先進行瀏覽器GUI渲染且最后進行JS引擎處理流程；將非靜態資源中訪問頻率較高的資源放入本地緩存中，同時根據資源的修改時間或有效時長來判斷本地數據是否有效；本發明使得云平臺在資源的展示上，可以帶來更快速的響應，提升了用戶體驗。

技術領域

本發明屬于云平臺技術領域，具體涉及一種實現云平臺前端頁面加載速度提升的配置方法及系統。

背景技術

在云計算時代，越來越多的行業采用云平臺來進行業務管理；作為越來越重要的部分，在其中占據著越來越重要的地位。日益增多的功能需求，伴隨著用戶的增多，使得前端頁面快速的加載與響應變得更為重要。

現有的云平臺界面加載存在以下問題：

(1)第一次請求發送后，頁面首次加載速度慢；

(2)GUI渲染線程與js引擎線程是互斥的，即當js引擎線程在執行時，GUI渲染線程會暫停，影響頁面加載效果；

(3)在云平臺中用戶訪問的資源中有部分資源不屬于靜態資源，無法進行緩存，而且有些敏感信息也不適合進行緩存，

(4)隨著用戶對于緩存的數據保真性越來越重視，數據的有效性沒有得到保證。

發明內容

針對現有技術的上述不足，本發明提供一種實現云平臺前端頁面加載速度提升的配置方法及系統，以解決上述技術問題。

第一方面，本發明提供一種實現云平臺前端頁面加載速度提升的配置方法，包括：

后端分配系統資源并通過設置靜態資源的最大緩存時間將靜態資源緩存到本地；

設置前端頁面使用按需加載、懶加載的模式進行加載；

前端頁面加載中設置優先進行瀏覽器GUI渲染且最后進行JS引擎處理流程；

將非靜態資源中訪問頻率較高的資源放入本地緩存中，同時根據資源的修改時間或有效時長來判斷本地數據是否有效。

進一步的，所述方法還包括：

當資源的修改時間或有效時長都存在時，根據有效時長來判斷本地數據是否有效。

進一步的，所述根據資源的修改時間或有效時長來判斷本地數據是否有效，包括：

數據緩存時，添加數據修改時間；

判斷本地緩存中的修改時間與真實數據修改時間是否一致：

若是，則本地數據有效；若否，則重新更新本地緩存中的數據；

進一步的，所述根據資源的修改時間或有效時長來判斷本地數據是否有效，還包括：

數據緩存時，添加有效時長；

判斷本地緩存中的訪問時間是否已超過有效時長：若否，則本地數據有效；若是，則需要重新獲取數據并進行緩存。

進一步的，所述方法還包括：

設置前端進行本地緩存資源變更時必須同時變更內容與名稱。

進一步的，所述靜態資源包括頁面需加載的圖片、視頻、HTML、CSS和字體等資源文件。

進一步的，所述后端分配系統資源并通過緩存控制規則設置靜態資源的最大緩存時間，包括：

使用后端服務器自定義用于設置最大緩存時間的過濾器；

將所述過濾器導入頁面加載的配置文件。