[發明專利]一種瀏覽器圖片的加載方法、裝置和終端設備

有效

• 申請號: 201310247229.0
• 申請日: 2013-06-20
• 公開（公告）號: CN103279574A
• 公開（公告）日: 2013-09-04
• 發明（設計）人: 任遠;姚麗梅
• 申請（專利權）人: 北京小米科技有限責任公司
• 主分類號: G06F17/30
• 分類號: G06F17/30
• 代理公司: 暫無信息
• 代理人: 暫無信息

技術領域

本發明涉及網頁技術領域，尤其涉及一種瀏覽器圖片的加載方法、裝置和終端設備。

背景技術

隨著互聯網的行業發展，網頁上圖片的呈現數量變得越來越多，出現大量以圖片內容為展示中心的網站。圖片的增加，意味著網站內容的呈現需要更長的時間或者更高的帶寬。與此同時如何加快網站打開的速度，尤其是當網站的頁面中含有大量圖片內容時，成為一個WEB站點優化的重要方向。

目前的一種方案是設置圖片請求的HTTP?HEADER(Hyper?Text?Transfer?Protocol?Header，超文本傳輸協議請求頭)中的過期時間(expires)，將該字段設置為未來的某一個時間點，當瀏覽器請求過一次圖片時，再次請求會先檢查瀏覽器的緩存之中是否存在該圖片，若存在則直接返回該圖片。該種方案的缺點是：當用戶手動清空瀏覽器緩存或者強制刷新瀏覽器時，瀏覽器緩存會失效，瀏覽器會從服務器端重新獲取數據。即使是從瀏覽器的緩存當中獲取圖片，瀏覽器也會發送一個HTTP返回碼為304的請求，雖然該請求不會返回任何數據，而是直接從用戶本地磁盤的緩存中獲取數據，但是由于瀏覽器對于同一個HTTP域的并發請求數是有限的(通常為5-10個)，所以對于圖片請求較多的網站，這種做法依然會導致網站的呈現速度不夠理想。

目前的另一種方案是使用雪碧圖和CSS(Cascading?Style?Sheet，樣式表)方式顯示圖片，該方法將需要展示的多張圖片合并為一張圖片，從而減少網站顯示過程中HTTP的請求數。通過合并請求的方式來實現圖片展示加速。(因為每建立一個HTTP請求通常需要額外的時間開銷，合并圖片可以減少這部分時間損耗)。該種方案的缺點是：使用雪碧圖可以減少HTTP請求數，但是依然無法避免緩存被清空和瀏覽器并發請求數限制的問題(不可能將一個網站中所有的圖片都合并在一起，否則加載速度會反而更慢)。

發明人在實現本發明過程中發現目前的瀏覽器加載圖片的技術容易出現緩存失效的狀況，從而需要重復獲取圖片數據，存在使用不穩定的問題；并且受到瀏覽器并發請求數限制，當網站中圖片數量較多的時候，加載圖片的速度較慢。

發明內容

為了解決背景技術存在的問題，本發明實施例提供了一種瀏覽器圖片的加載方法、裝置和終端設備。

本發明實施例提供了一種瀏覽器圖片的加載方法，包括：

從網頁服務器獲取網頁數據，所述網頁數據中包括圖片在網頁中的位置信息；

判斷是否永久性的存儲有所述圖片的數據；

當存儲有所述圖片的數據時，利用存儲的所述圖片的數據生成所述圖片，將生成的所述圖片顯示在網頁中的圖片位置處；

當未存儲有所述圖片的數據時，從圖片服務器獲取所述圖片的數據，利用獲取的所述圖片的數據生成所述圖片，將生成的所述圖片顯示在網頁中的圖片位置處，并將所述圖片的統一資源定位符與所述圖片的數據對應存儲。

其中，優選地，所述判斷是否永久性的存儲有所述圖片的數據，包括：

根據所述圖片的統一資源定位符，判斷在預先對應永久性存儲的網頁圖片統一資源定位符與網頁圖片數據中，是否存在所述圖片的統一資源定位符對應的圖片數據；

當存在時，確定存儲有所述圖片的數據；當不存在時，確定未存儲有所述圖片的數據。

其中，優選地，所述當存儲有所述圖片的數據時，利用存儲的所述圖片的數據生成所述圖片，將生成的所述圖片顯示在網頁中的圖片位置處，包括：

當存儲有所述圖片的數據時，在所述圖片在網頁中的位置處添加繪圖文件對象模型節點，所述繪圖文件對象模型節點的尺寸與所述圖片的尺寸相同；

讀取存儲的所述圖片的數據；

調用所述瀏覽器支持的繪圖工具，利用所述圖片的數據生成所述圖片；

將生成的所述圖片顯示于所述繪圖文件對象模型節點。

其中，優選地，所述當未存儲有所述圖片的數據時，從圖片服務器獲取所述圖片的數據，利用獲取的所述圖片的數據生成所述圖片，將生成的所述圖片顯示在網頁中的圖片位置處，將圖片的統一資源定位符與圖片的數據對應存儲，包括：

當未存儲有所述圖片的數據時，在所述圖片在網頁中的位置處，添加繪圖文件對象模型節點，所述繪圖文件對象模型節點的尺寸與所述圖片的尺寸相同；

向圖片服務器請求所述圖片的數據；

調用所述瀏覽器支持的繪圖工具，利用所述圖片的數據生成所述圖片；

將生成的所述圖片顯示于所述繪圖文件對象模型節點；