[發明專利]頁面加載方法及裝置、電子設備和計算機可讀存儲介質

在審

• 申請號: 201811536830.0
• 申請日: 2018-12-14
• 公開（公告）號: CN109783752A
• 公開（公告）日: 2019-05-21
• 發明（設計）人: 顏一波;余秀婷
• 申請（專利權）人: 深圳壹賬通智能科技有限公司
• 主分類號: G06F16/958
• 分類號: G06F16/958
• 代理公司: 北京匯思誠業知識產權代理有限公司 11444
• 代理人: 馮曉平

本發明提出了一種頁面加載方法及裝置、電子設備和計算機可讀存儲介質，涉及研發管理技術領域，其中，該方法包括：獲取頁面加載請求，其中，所述頁面加載請求中指示了目標html文件的標識信息；根據所述目標html文件的標識信息，通過自動化構建工具在本地的所述目標html文件中動態讀取頁面內容文件；根據所述頁面內容文件，對所述目標html文件對應的頁面進行渲染。通過本發明的技術方案，由網頁讀取本地html文件中的數據的技術方案取代了相關技術中網頁向外部請求數據的技術方案，減少了頁面與外界的數據交互，使得網頁可以更加快捷地獲取頁面內容文件，簡化了網頁渲染加載過程，能夠節省網頁加載的整體時間，既減少了頁面本身的負擔，也提升了用戶體驗。

【技術領域】

本發明涉及研發管理技術領域，尤其涉及一種頁面加載方法及裝置、電子設備和計算機可讀存儲介質。

【背景技術】

在進行網頁渲染時，需要網頁生成http(超文本傳輸協議)請求，從而網頁可以請求到資源，并對該資源進行加載，完成網頁渲染。

然而，在該技術方案中，由于網頁所需加載的資源很多，勢必造成大量http請求生成，則網頁需要與外部進行的數據交互量就會很大，從而使網頁的渲染速度很慢，影響了用戶體驗。

因此，如何提升網頁的渲染速度，成為目前亟待解決的技術問題。

【發明內容】

本發明實施例提供了一種頁面加載方法及裝置、電子設備和計算機可讀存儲介質，旨在解決相關技術中因網頁與外部數據交互量巨大而造成的網頁渲染速度慢的技術問題，能夠減少網頁與外部的數據交互量，提升網頁的渲染速度。

第一方面，本發明實施例提供了一種頁面加載方法，包括：獲取頁面加載請求，其中，所述頁面加載請求中指示了目標html文件的標識信息；根據所述目標html文件的標識信息，通過自動化構建工具在本地的所述目標html文件中動態讀取頁面內容文件；根據所述頁面內容文件，對所述目標html文件對應的頁面進行渲染。

在本發明上述實施例中，可選地，所述頁面內容文件包括js文件和css文件。

在本發明上述實施例中，可選地，在所述獲取頁面加載請求的步驟之前，還包括：將所述頁面內容文件存儲至所述目標html文件中。

在本發明上述實施例中，可選地，所述根據所述頁面加載請求，通過自動化構建工具在目標html文件中動態讀取頁面內容文件的步驟，包括：根據所述頁面加載請求，確定所請求加載的所述目標html文件；通過所述自動化構建工具將所述頁面內容文件動態插入到所述目標html文件中的對應模板位置處。

在本發明上述實施例中，可選地，所述通過所述自動化構建工具將所述頁面內容文件動態插入到所述目標html文件中的對應模板位置的步驟，包括：通過所述自動化構建工具，按照隨機順序將每個所述頁面內容文件動態插入到所述目標html文件中每個所述頁面內容文件的對應模板位置處。

在本發明上述實施例中，可選地，所述通過所述自動化構建工具將所述頁面內容文件動態插入到所述目標html文件中的對應模板位置的步驟，包括：根據每個所述頁面內容文件的順序標識或權重，按照所述順序標識有小到大或按照所述權重由大到小的順序，將每個所述頁面內容文件動態插入到所述目標html文件中每個所述頁面內容文件的對應模板位置處。

在本發明上述實施例中，可選地，還包括：在對所述目標html文件對應的頁面進行渲染后，刪除所述目標html文件中的所述頁面內容文件。

第二方面，本發明實施例提供了一種頁面加載裝置，包括：頁面加載請求獲取單元，用于獲取頁面加載請求，其中，所述頁面加載請求中指示了目標html文件的標識信息；頁面內容動態讀取單元，用于根據所述目標html文件的標識信息，通過自動化構建工具在本地的所述目標html文件中動態讀取頁面內容文件；頁面渲染單元，用于根據所述頁面內容文件，對所述目標html文件對應的頁面進行渲染。