我正在使用Shopify，我有一些移动速度问题，在我的主页上，我的所有图像都会一次加载，所以我一直在按照Patrick Sexton的教程 varvy.com 一篇文章：延迟图像而不延迟加载或jquery（https://varvy.com/pagespeed/defer-images.html） 我被困在哪里放置实际的HTML代码和javascript代码。我是否必须为每个图像输入一次代码，或者教程中提供的代码是否涵盖所有图像？
请问谁能帮忙？
提供的代码位于 Patrick 文章的底部。https://varvy.com/pagespeed/defer-images.html
任何帮助将不胜感激:)
我还没有尝试将任何代码放在任何地方，因为我不想破坏某些东西。
您可以使用
srcset加载特定于分辨率的图像。这不会推迟它们，但会减轻带宽使用。
<img srcset="elva-fairy-320w.jpg 320w,
elva-fairy-480w.jpg 480w,
elva-fairy-800w.jpg 800w"
sizes="(max-width: 320px) 280px,
(max-width: 480px) 440px,
800px"
src="elva-fairy-800w.jpg" alt="Elva dressed as a fairy">
这由 Shopify： https://www.shopify.ca/partners/blog/using-responsive-images
请参阅：https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images