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

有效

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

1.一種網絡圖片加載方法，其特征在于，所述方法包括：

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

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

當監聽到網頁中觸發所述網絡圖片加載事件時，加載所述串行請求隊列頭部的加載請求對應的待加載圖片；

獲取所述串行請求隊列頭部的加載請求對應的待加載圖片的加載時間；

若所述加載時間超過當前設置的加載時間，則跳過加載所述串行請求隊列頭部的加載請求對應的待加載圖片，加載所述串行請求隊列中下一個加載請求對應的待加載圖片，并將所述串行請求隊列頭部的加載請求對應的待加載圖片的超時信息加入預設的超時列表；所述當前設置的加載時間為預設的最小超時時間、所述超時列表中處于超時狀態的待加載圖片的數量以及預設的超時時間的權重值之間的乘積，所述預設的超時時間的權重值與超時時間正相關；

獲取所述超時列表中處于超時狀態的待加載圖片的加載時間；

在所述處于超時狀態的待加載圖片的加載時間已經超過預設的最大超時時間的條件下，取消加載超過所述最大超時時間的待加載圖片的加載請求。

2.根據權利要求1所述的方法，其特征在于，所述當監聽到網頁中觸發所述網絡圖片加載事件時，加載所述串行請求隊列頭部的加載請求對應的待加載圖片包括：

根據所述網絡圖片加載事件，獲取所述串行請求隊列的狀態；

若所述串行請求隊列的狀態不為空，則將當前待加載圖片的加載請求插入到所述串行請求隊列的尾部，并加載所述串行請求隊列頭部的加載請求對應的待加載圖片；

若所述串行請求隊列的狀態為空，則將所述當前待加載圖片的加載請求插入到所述串行請求隊列的頭部，并加載插入所述串行請求隊列頭部的加載請求對應的待加載圖片。

3.根據權利要求2所述的方法，其特征在于，所述方法還包括：

獲取所述待加載圖片的加載狀態，在所述待加載圖片加載完成的條件下，清除所述串行請求隊列頭部的加載請求對應的待加載圖片的加載時間，將所述串行請求隊列頭部的加載請求從所述串行請求隊列中移除；

獲取所述串行請求隊列的狀態；

若所述串行請求隊列的狀態不為空，則再次觸發所述串行請求隊列頭部的加載請求；

若所述串行請求隊列的狀態為空，則等待下一次網頁中觸發網絡圖片加載事件。

4.根據權利要求1所述的方法，其特征在于，所述建立待加載圖片的串行請求隊列包括：

通過Javascript腳本建立所述串行請求隊列，并定義所述串行請求隊列中的加載請求對應的待加載圖片的數據結構，所述數據結構包括：渲染圖片的節點信息、待加載圖片的鏈接地址、加載的超時標識、開始加載的時間戳、加載狀態以及所述待加載圖片。

5.一種網絡圖片加載裝置，其特征在于，所述裝置包括：

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

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

加載模塊，用于當監聽到網頁中觸發所述網絡圖片加載事件時，加載所述串行請求隊列頭部的加載請求對應的待加載圖片；

獲取模塊，用于獲取所述串行請求隊列頭部的加載請求對應的待加載圖片的加載時間；

所述加載模塊，還用于在所述加載時間超過當前設置的加載時間，跳過加載所述串行請求隊列頭部的加載請求對應的待加載圖片，加載所述串行請求隊列中下一個加載請求對應的待加載圖片，并將所述串行請求隊列頭部的加載請求對應的待加載圖片的超時信息加入預設的超時列表；所述當前設置的加載時間為預設的最小超時時間、所述超時列表中處于超時狀態的待加載圖片的數量以及預設的超時時間的權重值之間的乘積，所述預設的超時時間的權重值與超時時間正相關；

所述獲取模塊，還用于獲取所述超時列表中處于超時狀態的待加載圖片的加載時間；

所述加載模塊，還用于在所述處于超時狀態的待加載圖片的加載時間已經超過預設的最大超時時間的條件下，取消加載超過所述最大超時時間的待加載圖片的加載請求。