爲什麼加載兩個srcset圖像？

在開發響應式Web模板的上下文中，我使用srcset屬性根據當前視口大小加載不同的圖像。這在一般情況下工作正常。但是在生產模式下，圖像從DAM（數字資產管理系統）加載，其中使用特殊參數來縮放和裁剪所請求的圖像，例如，爲什麼加載兩個srcset圖像？

<img src="{url}/s,x,586,y,0/{img_id}" 
    srcset="{url}/s,x,293,y,0/{img_id} 293w, 
      {url}/s,x,440,y,0/{img_id} 440w, 
      {url}/s,x,586,y,0/{img_id} 586w" 
    sizes="(max-width: 520px) 100vw, (max-width: 1010px) 40vw, 15vw" />

的問題是：現在每圖像加載兩次（440瓦特和586瓦特）。這是緩存問題嗎？

來源

2016-10-12 GrübelDübel

我無法重現該問題。在我的測試中（Firefox 49），只加載了293w版本。你能提供一個到受影響頁面的鏈接嗎？您使用了哪個瀏覽器和版本？ – ausi

您的代碼看起來非常好，瀏覽器只應加載其中一個圖像，除非您調整窗口大小或旋轉平板電腦。

來源

2017-03-24 10:25:01

爲什麼加載兩個srcset圖像？

回答

相關問題