`display:none` 真的能阻止映像在行動裝置上載入嗎？

CSS 最佳化：「display:none」是否真正阻止影像載入？

「display:none」CSS 屬性是否有效阻止圖片載入行動裝置來提高網站速度？

雖然響應式網站設計建議使用「display:none」來隱藏來自行動瀏覽器的內容，其阻止圖片載入的有效性仍不清楚。

答案：

瀏覽器行為：

目前瀏覽器技術允許智慧處理 CSS 屬性。如果瀏覽器偵測到不需要「display:none」的映像，它可能會跳過載入過程。

影像元資料：

即使使用「display: none”應用後，圖像的大小和其他元數據仍然可以通過腳本訪問，這表明某些加載可能仍然存在

特定於瀏覽器的行為：

Chrome версии 68.0 及更高版本已觀察到，如果使用「display:none」隱藏父元素，則會阻止圖像載入。

替代方案解決方案：

如果阻止載入至關重要，替代方法包括：

• 刪除文件中的元素
• 將src屬性設定為「data:」或「about:blank」

限制：

「顯示: none" 如果影像出現在第一個畫面上且沒有延遲加載，則不會阻止圖像加載。在這種情況下，圖像將加載但保持隱藏狀態。

以上是`display:none` 真的能阻止映像在行動裝置上載入嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！