如何使用 LazyLoad 優化圖片加載
eaias 如果您有一個包含許多圖像的項目，例如畫廊或作品集頁面，您知道圖像越多，頁面完全加載所需的時間就越長，當訪問是移動時，您仍然面臨數據消耗的問題，這將如果您的訪客透過行動網路（沒有Wi-Fi）訪問，載入延遲甚至可以減少訪客在您頁面上的瀏覽時間，因為長時間等待現在已成為過去。我們知道 Google 和訪客都希望越來越快地存取訊息，解決這個問題將從多個方面為您提供幫助。 透過一些快速調整，您可以透過 LazyLoad 改進您的頁面並使瀏覽更加愉快，簡而言之，這使得您的圖像僅在必要時加載，即，如果它們尚未出現在訪客的視野中。所以只有在適當的時候才會加載，使頁面更加動態，對客戶的影響較小，即使消耗相同，導航品質也大大提高。 準備你的圖像 使用漸進式jpeg圖像來創建載入效果，這種圖像模式可以在編輯時獲得，記住使用適當的解析度並提高檔案大小，如果圖像不有助於優化，那麼包括效果是沒有意義的。延遲載入插件支援響應式影像，理想的是為每個解析度準備尺寸標記等等，有了它們，您將在程式碼實現過程中擁 開曼群島數據 有更好的控制權。 下載並實施 這個lazyload外掛程式是開源的，並在GitHub上的線上儲存庫中維護。找到。 所有程式碼都是用純 JavaScript (vanilla)…
Read More
