[發(fā)明專利]一種頁面加載的方法、裝置及電子設(shè)備

在審

• 申請?zhí)枺?/td>: 202111113546.4
• 申請日: 2021-09-23
• 公開（公告）號: CN113792240A
• 公開（公告）日: 2021-12-14
• 發(fā)明（設(shè)計(jì)）人: 韓月強(qiáng)
• 申請（專利權(quán)）人: 上海淇玥信息技術(shù)有限公司
• 主分類號: G06F16/957
• 分類號: G06F16/957;G06F9/451;G06F9/50
• 代理公司: 上海點(diǎn)威知識產(chǎn)權(quán)代理有限公司 31326
• 代理人: 杜焱

本發(fā)明提供了一種頁面加載的方法、裝置及電子設(shè)備，涉及互聯(lián)網(wǎng)技術(shù)領(lǐng)域，包括獲取待渲染數(shù)據(jù)；對所述待渲染數(shù)據(jù)中的大數(shù)據(jù)組進(jìn)行切分，得到多個數(shù)據(jù)單元；將所述數(shù)據(jù)單元分入連續(xù)幀的待渲染頁面的不同幀的渲染任務(wù)隊(duì)列中；在待渲染數(shù)據(jù)中的小數(shù)據(jù)組渲染完畢后，獲取當(dāng)前幀的待渲染頁面的渲染任務(wù)隊(duì)列中的所述數(shù)據(jù)單元進(jìn)行渲染，完成當(dāng)前幀的所述待渲染頁面的渲染。本申請實(shí)現(xiàn)了頁面的快速加載，減少了用戶的等待時間，提升了用戶的使用體驗(yàn)。

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

本發(fā)明涉及互聯(lián)網(wǎng)技術(shù)領(lǐng)域，尤其涉及一種頁面加載的方法、裝置及電子設(shè)備。

背景技術(shù)

隨著計(jì)算機(jī)技術(shù)和互聯(lián)網(wǎng)技術(shù)的快速發(fā)展，用戶在使用瀏覽器、應(yīng)用程序等頁面的時候，用戶的需求越來越多，為了滿足用戶的需求瀏覽器、應(yīng)用程序等展示的元素也越來越多。

在頁面展示過程中，由于數(shù)據(jù)量比較大，易出現(xiàn)頁面渲染時間長、卡頓。丟幀等問題。

因此，提出一種頁面加載的方法、裝置及電子設(shè)備。

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

本說明書提供一種頁面加載的方法、裝置及電子設(shè)備，實(shí)現(xiàn)了頁面的快速加載，減少了用戶的等待時間，提升了用戶的使用體驗(yàn)。

本申請?zhí)峁┑囊环N頁面加載的方法采用如下的技術(shù)方案，包括：

獲取待渲染數(shù)據(jù)；

對所述待渲染數(shù)據(jù)中的大數(shù)據(jù)組進(jìn)行切分，得到多個數(shù)據(jù)單元；

將所述數(shù)據(jù)單元分入連續(xù)幀的待渲染頁面的不同幀的渲染任務(wù)隊(duì)列中；

在待渲染數(shù)據(jù)中的小數(shù)據(jù)組渲染完畢后，獲取當(dāng)前幀的待渲染頁面的渲染任務(wù)隊(duì)列中的所述數(shù)據(jù)單元進(jìn)行渲染，完成當(dāng)前幀的所述待渲染頁面的渲染。

可選的，所述對所述待渲染數(shù)據(jù)中的大數(shù)據(jù)組進(jìn)行切分，得到多個數(shù)據(jù)單元，包括：

通過異步線程，按最小顆粒度對所述大數(shù)據(jù)組進(jìn)行切分，得到多個所述數(shù)據(jù)單元。

可選的，所述在待渲染數(shù)據(jù)中的小數(shù)據(jù)組渲染完畢后，獲取當(dāng)前幀的待渲染頁面的渲染任務(wù)隊(duì)列中的所述數(shù)據(jù)單元進(jìn)行渲染，包括：

通過主線程對所述待渲染數(shù)據(jù)中的小數(shù)據(jù)組進(jìn)行渲染，并在所述小數(shù)據(jù)組渲染完畢后，判斷當(dāng)前幀的待渲染頁面的渲染任務(wù)隊(duì)列是否為空；

當(dāng)所述渲染任務(wù)隊(duì)列不為空時，提取所述渲染任務(wù)隊(duì)列中的所述數(shù)據(jù)單元通過所述主線程執(zhí)行，直至所述渲染任務(wù)隊(duì)列為空；

當(dāng)所述渲染任務(wù)隊(duì)列為空時，完成當(dāng)前幀的所述待渲染頁面的渲染。

可選的，所述提取所述渲染任務(wù)隊(duì)列中的所述數(shù)據(jù)單元通過所述主線程執(zhí)行，包括：

判斷所述渲染任務(wù)隊(duì)列中是否包含宏任務(wù)；

當(dāng)所述渲染任務(wù)隊(duì)列包含宏任務(wù)時，執(zhí)行所述宏任務(wù)；

當(dāng)所述渲染任務(wù)隊(duì)列不包含宏任務(wù)時，執(zhí)行所述微任務(wù)。

可選的，所述方法還包括：

獲取每組所述待渲染數(shù)據(jù)的目標(biāo)屬性；

判斷所述目標(biāo)屬性是否超過預(yù)設(shè)閾值；

當(dāng)所述目標(biāo)屬性大于預(yù)設(shè)閾值時，所述待渲染數(shù)據(jù)為所述大數(shù)據(jù)組；

當(dāng)所述目標(biāo)屬性小于或等于預(yù)設(shè)閾值時，所述待渲染數(shù)據(jù)為小數(shù)據(jù)組。

本申請?zhí)峁┑囊环N頁面加載的裝置采用如下的技術(shù)方案，包括：

獲取模塊，用以獲取待渲染數(shù)據(jù)；

切分模塊，用以對所述待渲染數(shù)據(jù)中的大數(shù)據(jù)組進(jìn)行切分，得到多個數(shù)據(jù)單元；