使用Nuxt.js提供外部图片

Question

我只是通过将url传递给img的src属性来延迟加载外部图像，但是Lighthouse警告我图像过重且尺寸不合适。有没有办法用Nuxt.js中的资产编码方式对它们进行编码？

Answer 1

此警告表示您正在提供的图像比屏幕上的显示尺寸大得多。您必须使用<picture>标签或srcset来根据其显示的大小提供多张图像。

我建议使用Nuxt Optimixed Images处理，调整大小并通过查询字符串转换图像。