一个元素被延迟加载，但未指定尺寸。指定尺寸可以提高性能

Question

实时结果：here

我不确定为什么仍会看到这个

[Intervention]元素是通过load = lazy延迟加载的，但未指定尺寸。指定尺寸可以提高性能。参见https://crbug.com/954323

我已经做过这些。

<img loading="lazy" src="/assets/fe/img/default.jpg" data-src="{{ $portfolio_image  }}" data-id="{{ $portfolio->id }}" class="portfolio-thumbnail" width="100%" height="100%">

一个人如何摆脱它？

Answer 1

[不要在此处使用相对值（可以通过CSS设置），而要使用绝对值（该图像实际大小的像素值）。此外，这将使浏览器能够理解尺寸，并根据响应行为正确缩放图像。