我正在使用回應式設計，Lighthouse 一直告訴我“影像元素沒有明確的寬度和高度”。我得出結論，這意味著在 html中，因為我的影像在我的 css 中設定了具有不同斷點的尺寸。
這里是否有最佳實踐來保持回應但讓 Lighthouse 滿意？這可能很明顯，但作為一名學生，我在這里摸不著頭腦。
uj5u.com熱心網友回復：
你是對的，這實際上是最佳實踐，建議 Web Vitals 提高性能。
如果設定高度和寬度，則在加載頁面時保留影像所需的空間。但是，如果沒有這些屬性，瀏覽器將不知道影像的大小，也無法為其預留適當的空間。
通常，當您添加 img 時，您應該添加 html 寬度和高度，我更喜歡添加我在 CSS 中添加的值，或者有時當我在 CSS 中沒有值時，我正在檢查元素并讓瀏覽器告訴我的寬度和高度然后我回到 html 并撰寫它們。
如果您對此主題（性能）感興趣，請搜索有關 Web Vitals（Cumulative Layout Shift）的內容，您會發現有趣的主題
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/462693.html
上一篇：WordPress如何自動調整上傳所有圖片的大小并洗掉服務器上的圖片原件？
下一篇：關于提取影像的尺寸資訊