[發(fā)明專利]一種頁面展示方法、裝置、電子設(shè)備及存儲介質(zhì)

在審

• 申請?zhí)枺?/td>: 202011005105.8
• 申請日: 2020-09-22
• 公開（公告）號: CN112287257A
• 公開（公告）日: 2021-01-29
• 發(fā)明（設(shè)計）人: 喻爭;王溢君
• 申請（專利權(quán)）人: 長沙市到家悠享網(wǎng)絡(luò)科技有限公司
• 主分類號: G06F16/957
• 分類號: G06F16/957;G06F16/958
• 代理公司: 北京太合九思知識產(chǎn)權(quán)代理有限公司 11610
• 代理人: 孫明子;劉戈

本發(fā)明實施例提供一種頁面展示方法、裝置、電子設(shè)備和存儲介質(zhì)，獲取待展示頁面中的多個頁面元素，在所述多個頁面元素中確定加載時長滿足預(yù)設(shè)范圍的目標(biāo)元素，以與所述目標(biāo)元素對應(yīng)的預(yù)先生成的占位元素替換展示所述目標(biāo)元素，利用加載時長快的元素代替加載時長慢的元素，避免了用戶在瀏覽頁面時錯過加載時長慢的元素，以及頁面中各元素的瀏覽量分布不均的問題，提高了用戶對于頁面展示的體驗感。

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

本發(fā)明屬于頁面展示技術(shù)領(lǐng)域，尤其涉及一種頁面展示方法、裝置、電子設(shè)備及存儲介質(zhì)。

背景技術(shù)

頁面資源一般存儲在服務(wù)器中，當(dāng)用戶需要瀏覽某個網(wǎng)頁時，則會向服務(wù)器發(fā)送用于獲取頁面資源的請求，以將服務(wù)器中的頁面資源加載至用戶終端中瀏覽。

在用戶端加載頁面資源時，可能因為用戶終端性能差異以及網(wǎng)速的限制，出現(xiàn)頁面資源中一些頁面元素加載時間過長的情況。例如：頁面中文字元素占用的空間小，所以加載較快，而圖片元素占用的空間大，當(dāng)用戶終端的性能差或者網(wǎng)速較慢時，等待圖片加載完成則需要更多的等待時長。

對于頁面中加載時長不同的各元素，用戶往往容易看到加載時長較短的元素，不容易看到加載時長較長的元素，從而導(dǎo)致頁面中各元素的瀏覽量分布不均。

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

本發(fā)明提供了一種頁面展示方法、裝置、電子設(shè)備及存儲介質(zhì)，以解決現(xiàn)有技術(shù)頁面中各元素的瀏覽量分布不均的問題。

第一方面，本發(fā)明實施例提供一種頁面展示方法，所述方法包括：

獲取待展示頁面中的多個頁面元素；

在所述多個頁面元素中確定加載時長滿足預(yù)設(shè)范圍的目標(biāo)元素；

以與所述目標(biāo)元素對應(yīng)的預(yù)先生成的占位元素替換展示所述目標(biāo)元素，其中，所述占位元素的加載時長小于所述目標(biāo)元素的加載時長。

可選地，所述占位元素沿襲所述目標(biāo)元素。

可選地，所述占位元素與所述目標(biāo)元素的元素類型相同。

可選地，所述目標(biāo)元素包括第一圖片，所述占位元素包括第二圖片，所述第二圖片為根據(jù)所述第一圖片生成的，其中，所述第二圖片的位數(shù)小于所述第一圖片的位數(shù)。

可選地，還包括：提取所述第一圖片中的多個像素點的第一像素值；

依據(jù)預(yù)設(shè)轉(zhuǎn)化關(guān)系，將所述第一像素值轉(zhuǎn)化為第二像素值；

根據(jù)所述第二像素值生成所述第二圖片。

可選地，所述依據(jù)預(yù)設(shè)轉(zhuǎn)化關(guān)系包括將顏色值域范圍大的像素值轉(zhuǎn)化為顏色值域范圍小的像素值。

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

在展示所述占位元素時，加載所述目標(biāo)元素；

若所述目標(biāo)元素加載完成，則以所述目標(biāo)元素替換展示所述占位元素。

第二方面，本發(fā)明實施例提供一種頁面展示裝置，包括：

獲取模塊，用于獲取待展示的頁面中多個頁面元素；

確定模塊，用于在所述多個頁面元素中確定加載時長大于閾值的目標(biāo)元素；

顯示模塊，用于若查找到與所述目標(biāo)元素對應(yīng)的占位元素，在所述頁面中顯示所述占位元素，所述占位元素的加載時長小于所述目標(biāo)元素的加載時長。

第三方面，本發(fā)明實施例提供一種電子設(shè)備，包括存儲器、處理器，所述存儲器中存儲有可在所述處理器上運(yùn)行的計算機(jī)程序，所述處理器執(zhí)行所述計算機(jī)程序時實現(xiàn)上述第一方面所述的方法。

第四方面，本發(fā)明實施例提供一種具有處理器可執(zhí)行的非易失的程序代碼的計算機(jī)可讀介質(zhì)，所述程序代碼使所述處理器執(zhí)行上述第一方面所述的方法。