:::

部分區塊中的圖片延遲載入(Lazy Loading)


文圖雲建站

依經驗許多客戶是不知圖片有格式的差別,不知圖片寬高為何物,不知圖片有胖有瘦,甚至不管自己上傳的圖片是直的還是橫的…

面向操作者的種種可能發生的行為,在工整的列表頁時,我們可以採用指定寬高來遮罩圖片多餘的部分讓其居中顯示,很多網站也都這麼解決,但是對於不知圖片胖瘦的怎麼辦呢?除了透過上傳來給圖片減肥,但也不是所有格式的圖片都啟用這項功能,如果是透明背景的圖片或是動畫圖就毀了啊!

伺服器夠硬,網速夠快的條件下,當只有少數圖片的時候,肥胖圖的影響是沒什麼感覺的。但是,再厲害也受不了一大堆胖圖群聚在一起的時候,採用延遲載入就是一個很好的解決方案,此技術不會阻斷網頁中後續內容的載入,只有當進入可視區域時或之前才開始載入圖片,因此可以大大節省在同一時間的載入資源,為用戶帶來絕佳的瀏覽體驗。


分享這個頁面

(分享動作會在新視窗開啟)