#1004·lazysizes

速度测试显示加载的图像比需要的大得多

作者: brianrivet-tilt创建于 2025年8月1日更新于 2026年1月29日
标签question

这张图像标签如下,是被列为问题的图像之一。速度报告如下: 此图像文件比其显示的尺寸(382x368)大得多(720x693)。使用响应式图像来减小图像下载大小。以下是代码: ` <img class="w-full lazyload" src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="320" height="308" style="background:transparent" / >" srcset="data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="320" height="308" style="background:transparent" /> width="320" height="308" alt="Greaux Healthy - Active Children playing Basketball" data-sizes="auto" data-srcset="https://greauxhealthy.imgix.net/images/bball-hand-drawns.jpg?auto=compress,format&fit=clip&fm=webp&q=70&w=320&s=9efac580dc35e3a3eb5994780c59025f 320w, https://greauxhealthy.imgix.net/images/bball-hand-drawns.jpg?auto=compress,format&fit=clip&fm=webp&q=70&w=520&s=bd8ffd73b65f30107b5d8f1081c19e7b 520w, https://greauxhealthy.imgix.net/images/bball-hand-drawns.jpg?auto=compress,format&fit=clip&fm=webp&q=70&w=720&s=a30383fdcba64dc1044d77d01d62b2ee 720w, https://greauxhealthy.imgix.net/images/bball-hand-drawns.jpg?auto=compress,format&fit=clip&fm=webp&q=70&w=920&s=c0e744d10ce2756ff47b7f2f7df09a3e 920w, https://greauxhealthy.imgix.net/images/bball-hand-drawns.jpg?auto=compress,format&fit=clip&fm=webp&q=70&w=1120&s=c436da077362c558829088b851d7fea9 1120w, https://greauxhealthy.imgix.net/images/bball-hand-drawns.jpg?auto=compress,format&fit=clip&fm=webp&q=70&w=1320&s=890772d854ebf79c3f6e03d6d320812d 1320w, https://greauxhealthy.imgix.net/images/bball-hand-drawns.jpg?auto=compress,format&fit=clip&fm=webp&q=70&w=1520&s=c7b2f951bce059d9835e55979123ebc8 1520w, https://greauxhealthy.imgix.net/images/bball-hand-drawns.jpg?auto=compress,format&fit=clip&fm=webp&q=70&w=1600&s=ff41197842fb62e85fca1912f0657488 1600w" data-aspectratio="1.038961038961" loading="lazy" style="background:transparent" />

内容来源: aFarkas/lazysizes