"淺談Web前端針對圖片顯示的優化方案3"
他們選擇圖片的一種主顏色，並用其作為佔位塊的背景色。這樣做會給使用者一種圖片載入速度更快的`體驗。
更先進的方法：.的200 byte技術
年初.發表過一篇"The technology behind preview photos"的文章，這篇文章主要說明如何預覽一個沒有JPEG頭的42 * 42px的圖片。 使用場景有些不同，這“圖片”被用於.的手機端，它知道如何組成一個有效的JPEG圖片。此處我們在Web端使用的話需要編寫JavaScript程式碼，這樣做同樣會增加儲存資源。當然我們可以通過在服務器端組成這個圖片解決這一問題，但是這樣仍需要一些JavaScript程式碼傳送申請圖片資源的請求。
無論如何，這個方法對於Web端來說有點大材小用，但我還是希望能夠將其作為一個參考。Using WebP for generating this preview images同樣可以節省記憶體，並且不需要使用如此創造性的解決方法。
LQIP: Low Quality Image Placeholders
與其等待最終的影象呈現,我們可以先提供一個高度壓縮的圖片,然後切換到大圖。這就是LQIP方法的思路。這一方法與Medium相似，不過是使用相同尺寸，但壓縮更高的圖片。
總結
隨著頁面載入的圖片越來越多，需要勤于思考頁面的載入過程。因為這會影響載入效率和使用者體驗。 如果你生成幾個縮圖大小的圖片，你可以實驗使用一個非常小的圖片作為背景，等待最終圖片被加載出來。