[發明專利]網絡圖片加載方法、裝置、終端設備及存儲介質

有效

• 申請號: 201810386750.5
• 申請日: 2018-04-26
• 公開（公告）號: CN110413911B
• 公開（公告）日: 2023-08-11
• 發明（設計）人: 康銘海
• 申請（專利權）人: 騰訊科技（深圳）有限公司
• 主分類號: G06F16/957
• 分類號: G06F16/957;G06F9/48
• 代理公司: 廣州三環專利商標代理有限公司 44202
• 代理人: 熊永強;賈允

本發明實施例公開了一種網絡圖片加載方法，該方法包括：建立待加載圖片的串行請求隊列，監聽網頁中觸發的網絡圖片加載事件，并根據該網絡圖片加載事件，加載排列在串行請求隊列頭部的加載請求對應的待加載圖片，在加載達到預設條件時，加載串行請求隊列中下一個加載請求對應的待加載圖片。本發明實施例中還提供了一種網絡圖片加載裝置、終端設備及計算機可讀存儲介質，防止了因圖片加載時間過長導致網頁的頁面假死。

技術領域

本發明屬于網絡技術領域，尤其涉及一種網絡圖片加載方法、裝置、終端設備及計算機可讀存儲介質。

背景技術

移動終端的使用日益廣泛，人們習慣于用移動終端上網瀏覽網頁，在瀏覽的過程中，需要加載當前頁面的圖片，圖片的加載速度在很大程度上影響著用戶對網頁的瀏覽體驗。

現有技術中，在圖片未加載完成之前，使用占位圖代替未加載完成的圖片位置，在圖片發起請求時替換掉占位圖。但是，由于占位圖是固定寬高的，而實際上請求加載的圖片與占位圖大小并不相符，在圖片加載完成后，使用加載完成的圖片代替占位圖，則會導致頁面上下抖動。同時由于沒有采用有效的隊列機制，而導致不能夠從根本解決HTML(HyperText?Markup?Language)頁面在短時間內發起的高并發圖片請求導致的網絡阻塞，在高并發加載圖片時，加載速度慢，效率低，容易使得頁面處于假死的狀態。

發明內容

本發明提供一種網絡圖片加載方法、裝置、終端設備及計算機可讀存儲介質，用以通過維護加載圖片串行請求隊列，控制待加載圖片按排列順序逐個加載，解決在有限的網絡帶寬并發批量加載請求導致的頁面假死。

本發明實施例第一方面提供了一種網絡圖片加載方法，包括：

建立待加載圖片的串行請求隊列，所述串行請求隊列按照從頭部到尾部的順序排列加載請求；

監聽網頁中觸發的網絡圖片加載事件；

根據所述網絡圖片加載事件，加載所述串行請求隊列頭部的加載請求對應的待加載圖片；

在加載所述串行請求隊列頭部的加載請求對應的待加載圖片達到預設條件時，加載所述串行請求隊列中下一個加載請求對應的待加載圖片。

本發明實施例第二方面提供了一種網絡圖片加載裝置，包括：

建立模塊，用于建立待加載圖片的串行請求隊列，所述串行請求隊列按照從頭部到尾部的順序排列加載請求；

監聽模塊，用于監聽網頁中觸發的網絡圖片加載事件；

加載模塊，用于根據所述網絡圖片加載事件，加載所述串行請求隊列頭部的加載請求對應的待加載圖片；

所述加載模塊，還用于在加載所述串行請求隊列頭部的加載請求對應的待加載圖片達到預設條件時，加載所述串行請求隊列中下一個加載請求對應的待加載圖片。

本發明實施例第三方面提供了一種終端設備，包括存儲器，處理器及存儲在存儲器上并可在處理器上運行的計算機程序，其特征在于，所述處理器執行所述程序時實現如前述第一方面的網絡圖片加載方法。

本發明實施例第四方面提供了一種計算機可讀存儲介質，其上存儲有計算機程序，所述計算機程序被處理器執行時，實現如前述第一方面所述的網絡圖片加載方法。

從上述本發明實施例可知，本發明提供的網絡圖片加載方法、裝置、終端設備及計算機可讀存儲介質，建立待加載圖片的串行請求隊列，串行請求隊列中按照從頭部到尾部的順序排列加載請求，監聽到網頁中觸發的網絡圖片加載事件時，加載該串行請求隊列頭部的加載請求對應的待加載圖片，并在加載達到預設條件時，直接加載該串行請求隊列中下一個加載請求對應的待加載圖片，避免了因為在短時間內觸發的高并發請求導致的網絡阻塞，減少了首張待加載圖片的加載時間，并且防止了因圖片加載時間過長導致網頁的頁面假死。

附圖說明