[發明專利]區塊生成方法、網頁渲染方法及裝置

有效

• 申請號: 201811242839.0
• 申請日: 2018-10-24
• 公開（公告）號: CN109508434B
• 公開（公告）日: 2020-07-28
• 發明（設計）人: 束鋒華
• 申請（專利權）人: 北京創鑫旅程網絡技術有限公司
• 主分類號: G06F16/958
• 分類號: G06F16/958
• 代理公司: 北京鉦霖知識產權代理有限公司 11722
• 代理人: 王淑玲;李志新

本發明涉及區塊生成方法、網頁渲染方法及裝置，在區塊生成方法中，獲取用戶輸入的區塊配置信息，所述區塊配置信息包括HTML節點標識、節點內容、異步屬性和SEO友好屬性；調用預設的區塊生成函數，根據所述區塊配置信息，生成區塊。在網頁渲染方法中，獲取網頁加載請求，以及所述網頁加載請求所請求加載的網頁；獲取所述網頁中包括的區塊，以及所述網頁中包括的各區塊的渲染模式，所述渲染模式根據所述區塊配置信息確定，并包括同步渲染模式和異步渲染模式；根據所述渲染模式，分別渲染并加載所述網頁中包括的各區塊，可提高主要瀏覽內容的區塊加載速度。

技術領域

本發明涉及互聯網技術領域，尤其涉及一種區塊生成方法、網頁渲染方法及裝置。

背景技術

隨著網絡技術的發展，越來越多的用戶通過網絡獲取信息。用戶獲取網絡信息的一種較為常見的方式是通過網頁瀏覽方式獲取。

用戶瀏覽網頁時，網頁通過打開網頁元素展示各種信息，網頁打開網頁元素并展示信息的過程可稱為是網頁渲染的過程。目前網頁渲染時，需要將全部的網頁元素都渲染完成才會展示信息。然而，用戶可能只需要瀏覽網頁中的部分信息，目前的渲染方式，導致用戶需要瀏覽的部分信息內容加載速度慢，影響用戶體驗。

發明內容

本發明實施例提供一種區塊生成方法、網頁渲染方法及裝置，以提高用戶需要瀏覽的部分信息內容的加載速度。

本發明實施例一方面提供了一種區塊生成方法，該方法包括：獲取用戶輸入的區塊配置信息，所述區塊配置信息包括HTML節點標識、節點內容、異步屬性和SEO友好屬性；調用預設的區塊生成函數，根據所述區塊配置信息，生成區塊，所述區塊生成函數是根據所述區塊配置信息確定的。

本發明實施例另一方面提供了一種網頁渲染方法，該方法包括：獲取網頁加載請求，以及所述網頁加載請求所請求加載的網頁；獲取所述網頁中包括的區塊，所述區塊為預先對網頁元素進行劃分得到的，且包括區塊配置信息，所述區塊配置信息包括HTML節點標識、節點類別、節點內容、區塊控制器、區塊樣式、異步屬性和SEO友好屬性；獲取所述網頁中包括的各區塊的渲染模式，所述渲染模式根據所述區塊配置信息確定，并包括同步渲染模式和異步渲染模式；根據所述渲染模式，分別渲染并加載所述網頁中包括的各區塊。

本發明實施例再一方面提供了一種區塊生成裝置，所述裝置包括獲取單元和生成單元，所述獲取單元用于獲取用戶輸入的區塊配置信息，所述區塊配置信息包括HTML節點標識、節點內容、異步屬性和SEO友好屬性；所述生成單元用于調用預設的區塊生成函數，根據所述獲取單元獲取的區塊配置信息，生成區塊，所述區塊生成函數是根據所述區塊配置信息確定的。

本發明實施例又一方面還提供了一種網頁渲染裝置，所述裝置包括獲取單元和渲染加載單元，所述獲取單元用于獲取網頁加載請求，以及所述網頁加載請求所請求加載的網頁，并獲取所述網頁中包括的區塊以及所述網頁中包括的各區塊的渲染模式，所述區塊為預先對網頁元素進行劃分得到的，且包括區塊配置信息，所述區塊配置信息包括HTML節點標識、節點類別、節點內容、區塊控制器、區塊樣式、異步屬性和SEO友好屬性，所述渲染模式根據所述區塊配置信息確定，并包括同步渲染模式和異步渲染模式；渲染加載單元，用于根據所述獲取單元獲取的渲染模式，分別渲染并加載所述網頁中包括的各區塊。

本發明實施例提供的區塊生成方法、網頁渲染方法及裝置，在進行網頁渲染時，獲取所請求加載的網頁中包括的區塊，并確定各區塊的渲染模式，渲染模式包括同步渲染模式和異步渲染模式，根據各區塊的渲染模式，分別渲染并加載網頁中包括的各區塊。由于是以區塊為單位進行網頁的渲染加載，故可以根據用戶主要瀏覽內容需求進行區塊的設置，對包括主要瀏覽內容的區塊采用同步渲染方法進行渲染加載，提高包括主要瀏覽內容的區塊加載速度。

附圖說明

圖1是本發明實施例提供的區塊生成方法實施流程圖；

圖2是本發明實施例提供的另一種區塊生成方法實施流程圖；