砌体+ img srcset问题

Question

我使用的是David DeSandro的砌体4.2.2 (当前版本)，它与WordPress捆绑在一起。

当我将具有"srcset“和”size“的图像放入其中时，它会加载适当的大小，但也会加载最大版本->的大量浪费数据。火狐和Chrome都会出现这种情况。

我制作了一个由两个测试页面组成的简单集合(=删除几乎所有其他页面)，因此比较这种行为很简单：

1) https://www.pastel.cz/temp/test_gallery_simple.php

砖石初始化注释掉了，在检查器中我可以确认只加载单个大小。对于我的浏览器窗口，大约2MB被传输。

2) https://www.pastel.cz/temp/test_gallery_masonry.php

一切相同，只是这一次砌体在结束时被正确初始化。许多新的图像版本被加载，对我来说，它是超过7MB的下载数据。

有什么办法让我做错事吗？还是我应该把它报告为窃听器？谢谢你的指点。

Answer 1

已知问题

我想我找到了答案，这是一个已知的imagesLoaded错误--一个库，它与砖石一起使用来对延迟加载的图像做出反应。臭虫是从2015年开始的，可能没有多少人注意到这种行为:)

https://github.com/desandro/imagesloaded/issues/175

解决方案

无论如何，由于我在HTML中预先指定了图像大小，因此可以在init阶段完全构建网格，而不需要加载实际的图像，所以我似乎可以禁用imagesLoaded库，问题就消失了。