图片
image
可以使用 loading 属性来控制图片的延迟加载:
<img src="image.jpg" loading="lazy" alt="Alternative Text" />
picture
使用.webp 图像格式,使图像更小,并提高你的网站性能。
<picture>
<!-- load .webp image if supported -->
<source srcset="logo.webp" type="image/webp" />
<!--
Fallback if `.webp` images or <picture> tag
not supported by the browser.
-->
<img src="logo.png" alt="logo" />
</picture>