0
我想提高我的頁面速度，並且由於頁面中的圖像而降低了頁面速度。我想這樣做是爲了當圖像不在屏幕上時，我想要隱藏該圖像或僅在屏幕上加載圖像。如何隱藏屏幕外圖像？
我已經可以檢查元素是否在屏幕外，我想知道如何在圖像離屏時隱藏圖像。
A
回答
2
做會使用延遲加載這樣一個最簡單的事情：http://www.appelsiini.net/projects/lazyload
您可以配置它，以便當圖像是鑑於它就會開始加載。這樣你的初始加載時間會減少。
相關問題
- 1. 爲iphone屏幕隱藏圖像
- 2. 如何在屏幕變寬時隱藏圖像？
- 3. 如何隱藏屏幕上的補丁
- 4. 如何隱藏來電默認屏幕
- 5. 如何隱藏屏幕閱讀器的元素/畫外音
- 6. 用戶觸摸屏幕（外部）時如何隱藏對話框？
- 7. Android startActivityForResult隱藏屏幕截圖
- 8. 隱藏窗口的屏幕截圖
- 9. 根據屏幕大小隱藏視圖。
- 10. Android鍵盤隱藏屏幕
- 11. jquery屏幕隱藏/顯示
- 12. 隱藏屏幕SVG元素
- 13. 隱藏Phonegap spash屏幕
- 14. 隱藏屏幕睡眠
- 15. 隱藏png圖像，直到它顯示在用戶屏幕中
- 16. 自動隱藏屏幕圖像滑塊背後的WordPress
- 17. 隱藏在較小的屏幕上的背景圖像
- 18. 使用jQuery在window.open屏幕中隱藏圖像
- 19. 如何使主屏幕隱藏應用程序圖標
- 20. 如何在屏幕截圖時隱藏某些元素
- 21. 如何隱藏UITableViewCell？請看屏幕截圖
- 22. 如何從屏幕截圖隱藏CSS模式疊加層
- 23. 圖像不填充外部屏幕
- 24. 如何捕獲屏幕在Android和它隱蔽的圖像
- 25. 在圖像外點擊時隱藏div
- 26. 如何將視圖置於屏幕外？
- 27. 如何在第二個隱藏屏幕後面隱藏首選項？
- 28. android - 隱藏部分線性佈局在屏幕外向右
- 29. 從左側屏幕外部移動圖像到右側屏幕外部Android
- 30. 當屏幕被點擊時隱藏/取消隱藏UINavigationbar
我認爲，一旦圖像加載完成，任何刪除或隱藏它的代碼都可能會讓事情變得更糟，因爲您需要更多的代碼來加載/再次顯示它等等。這是一種優化應該可能（也可能是）在瀏覽器級完成 - 我期望它的渲染引擎能夠處理屏幕外的元素。 –
您可以遍歷所有圖像，如果它在屏幕外，請刪除src屬性，並將值添加到data-src中，當圖像可見時（您可以使用滾動事件），您可以添加src屬性。 – jcubic
http://stackoverflow.com/help/how-to-ask – StefanS