Javascript 维护SEO、CLS、延迟加载和图像响应的最佳实践是什么？

根据，图像应具有明确的高度和宽度。但这样会影响不同大小屏幕上的网页。屏幕外的图像应该延迟并延迟加载。这将影响搜索引擎优化（Alt标签）。使用背景img:URL（）放置图像并具有最小宽度不会影响CLS，但会影响SEO。 那么，最佳实践应该是什么呢？对于不同的屏幕分辨率，我是否需要相同图像的多个尺寸？或者是否有任何第三方插件来维护这些