[發(fā)明專利]區(qū)塊生成方法、網(wǎng)頁(yè)渲染方法及裝置

有效

• 申請(qǐng)?zhí)枺?/td>: 201811242839.0
• 申請(qǐng)日: 2018-10-24
• 公開（公告）號(hào): CN109508434B
• 公開（公告）日: 2020-07-28
• 發(fā)明（設(shè)計(jì)）人: 束鋒華
• 申請(qǐng)（專利權(quán)）人: 北京創(chuàng)鑫旅程網(wǎng)絡(luò)技術(shù)有限公司
• 主分類號(hào): G06F16/958
• 分類號(hào): G06F16/958
• 代理公司: 北京鉦霖知識(shí)產(chǎn)權(quán)代理有限公司 11722
• 代理人: 王淑玲;李志新

本發(fā)明涉及區(qū)塊生成方法、網(wǎng)頁(yè)渲染方法及裝置，在區(qū)塊生成方法中，獲取用戶輸入的區(qū)塊配置信息，所述區(qū)塊配置信息包括HTML節(jié)點(diǎn)標(biāo)識(shí)、節(jié)點(diǎn)內(nèi)容、異步屬性和SEO友好屬性；調(diào)用預(yù)設(shè)的區(qū)塊生成函數(shù)，根據(jù)所述區(qū)塊配置信息，生成區(qū)塊。在網(wǎng)頁(yè)渲染方法中，獲取網(wǎng)頁(yè)加載請(qǐng)求，以及所述網(wǎng)頁(yè)加載請(qǐng)求所請(qǐng)求加載的網(wǎng)頁(yè)；獲取所述網(wǎng)頁(yè)中包括的區(qū)塊，以及所述網(wǎng)頁(yè)中包括的各區(qū)塊的渲染模式，所述渲染模式根據(jù)所述區(qū)塊配置信息確定，并包括同步渲染模式和異步渲染模式；根據(jù)所述渲染模式，分別渲染并加載所述網(wǎng)頁(yè)中包括的各區(qū)塊，可提高主要瀏覽內(nèi)容的區(qū)塊加載速度。

技術(shù)領(lǐng)域

本發(fā)明涉及互聯(lián)網(wǎng)技術(shù)領(lǐng)域，尤其涉及一種區(qū)塊生成方法、網(wǎng)頁(yè)渲染方法及裝置。

背景技術(shù)

隨著網(wǎng)絡(luò)技術(shù)的發(fā)展，越來(lái)越多的用戶通過網(wǎng)絡(luò)獲取信息。用戶獲取網(wǎng)絡(luò)信息的一種較為常見的方式是通過網(wǎng)頁(yè)瀏覽方式獲取。

用戶瀏覽網(wǎng)頁(yè)時(shí)，網(wǎng)頁(yè)通過打開網(wǎng)頁(yè)元素展示各種信息，網(wǎng)頁(yè)打開網(wǎng)頁(yè)元素并展示信息的過程可稱為是網(wǎng)頁(yè)渲染的過程。目前網(wǎng)頁(yè)渲染時(shí)，需要將全部的網(wǎng)頁(yè)元素都渲染完成才會(huì)展示信息。然而，用戶可能只需要瀏覽網(wǎng)頁(yè)中的部分信息，目前的渲染方式，導(dǎo)致用戶需要瀏覽的部分信息內(nèi)容加載速度慢，影響用戶體驗(yàn)。

發(fā)明內(nèi)容

本發(fā)明實(shí)施例提供一種區(qū)塊生成方法、網(wǎng)頁(yè)渲染方法及裝置，以提高用戶需要瀏覽的部分信息內(nèi)容的加載速度。

本發(fā)明實(shí)施例一方面提供了一種區(qū)塊生成方法，該方法包括：獲取用戶輸入的區(qū)塊配置信息，所述區(qū)塊配置信息包括HTML節(jié)點(diǎn)標(biāo)識(shí)、節(jié)點(diǎn)內(nèi)容、異步屬性和SEO友好屬性；調(diào)用預(yù)設(shè)的區(qū)塊生成函數(shù)，根據(jù)所述區(qū)塊配置信息，生成區(qū)塊，所述區(qū)塊生成函數(shù)是根據(jù)所述區(qū)塊配置信息確定的。

本發(fā)明實(shí)施例另一方面提供了一種網(wǎng)頁(yè)渲染方法，該方法包括：獲取網(wǎng)頁(yè)加載請(qǐng)求，以及所述網(wǎng)頁(yè)加載請(qǐng)求所請(qǐng)求加載的網(wǎng)頁(yè)；獲取所述網(wǎng)頁(yè)中包括的區(qū)塊，所述區(qū)塊為預(yù)先對(duì)網(wǎng)頁(yè)元素進(jìn)行劃分得到的，且包括區(qū)塊配置信息，所述區(qū)塊配置信息包括HTML節(jié)點(diǎn)標(biāo)識(shí)、節(jié)點(diǎn)類別、節(jié)點(diǎn)內(nèi)容、區(qū)塊控制器、區(qū)塊樣式、異步屬性和SEO友好屬性；獲取所述網(wǎng)頁(yè)中包括的各區(qū)塊的渲染模式，所述渲染模式根據(jù)所述區(qū)塊配置信息確定，并包括同步渲染模式和異步渲染模式；根據(jù)所述渲染模式，分別渲染并加載所述網(wǎng)頁(yè)中包括的各區(qū)塊。

本發(fā)明實(shí)施例再一方面提供了一種區(qū)塊生成裝置，所述裝置包括獲取單元和生成單元，所述獲取單元用于獲取用戶輸入的區(qū)塊配置信息，所述區(qū)塊配置信息包括HTML節(jié)點(diǎn)標(biāo)識(shí)、節(jié)點(diǎn)內(nèi)容、異步屬性和SEO友好屬性；所述生成單元用于調(diào)用預(yù)設(shè)的區(qū)塊生成函數(shù)，根據(jù)所述獲取單元獲取的區(qū)塊配置信息，生成區(qū)塊，所述區(qū)塊生成函數(shù)是根據(jù)所述區(qū)塊配置信息確定的。

本發(fā)明實(shí)施例又一方面還提供了一種網(wǎng)頁(yè)渲染裝置，所述裝置包括獲取單元和渲染加載單元，所述獲取單元用于獲取網(wǎng)頁(yè)加載請(qǐng)求，以及所述網(wǎng)頁(yè)加載請(qǐng)求所請(qǐng)求加載的網(wǎng)頁(yè)，并獲取所述網(wǎng)頁(yè)中包括的區(qū)塊以及所述網(wǎng)頁(yè)中包括的各區(qū)塊的渲染模式，所述區(qū)塊為預(yù)先對(duì)網(wǎng)頁(yè)元素進(jìn)行劃分得到的，且包括區(qū)塊配置信息，所述區(qū)塊配置信息包括HTML節(jié)點(diǎn)標(biāo)識(shí)、節(jié)點(diǎn)類別、節(jié)點(diǎn)內(nèi)容、區(qū)塊控制器、區(qū)塊樣式、異步屬性和SEO友好屬性，所述渲染模式根據(jù)所述區(qū)塊配置信息確定，并包括同步渲染模式和異步渲染模式；渲染加載單元，用于根據(jù)所述獲取單元獲取的渲染模式，分別渲染并加載所述網(wǎng)頁(yè)中包括的各區(qū)塊。

本發(fā)明實(shí)施例提供的區(qū)塊生成方法、網(wǎng)頁(yè)渲染方法及裝置，在進(jìn)行網(wǎng)頁(yè)渲染時(shí)，獲取所請(qǐng)求加載的網(wǎng)頁(yè)中包括的區(qū)塊，并確定各區(qū)塊的渲染模式，渲染模式包括同步渲染模式和異步渲染模式，根據(jù)各區(qū)塊的渲染模式，分別渲染并加載網(wǎng)頁(yè)中包括的各區(qū)塊。由于是以區(qū)塊為單位進(jìn)行網(wǎng)頁(yè)的渲染加載，故可以根據(jù)用戶主要瀏覽內(nèi)容需求進(jìn)行區(qū)塊的設(shè)置，對(duì)包括主要瀏覽內(nèi)容的區(qū)塊采用同步渲染方法進(jìn)行渲染加載，提高包括主要瀏覽內(nèi)容的區(qū)塊加載速度。

附圖說(shuō)明

圖1是本發(fā)明實(shí)施例提供的區(qū)塊生成方法實(shí)施流程圖；

圖2是本發(fā)明實(shí)施例提供的另一種區(qū)塊生成方法實(shí)施流程圖；