交换 img src 或显示/隐藏多个图像是否更快？答案

【问题标题】：Is it faster to swap an img src or show/hide multiple images?交换 img src 或显示/隐藏多个图像是否更快？
【发布时间】：2012-08-13 16:04:10
【问题描述】：

在网页上交换图片时使用的最佳做法是什么？更改图像源或仅在页面上显示/隐藏多个图像？

【问题讨论】：

【解决方案1】：

您必须选择以平衡速度，您有两个选择：

修改图片来源

这样，页面加载速度会更快，因为它只获取可见图像，但是当您更改 src 属性时，显示新图像需要更长的时间

只显示/隐藏多张图片

这样，您将在页面加载时加载所有图像，这将使其加载速度变慢，交换图像速度更快

【讨论】：

好点谢谢。我觉得初始页面加载比页面上加载的元素更重要，所以我想源交换对我来说是赢家。
您可以以编程方式预先加载图像，因此在“交换时间”，您仍然可以按需使用它们而无需等待网络。示例：perishablepress.com/preloading-images-with-css-and-javascript

【解决方案2】：

在加载时，多张图片会使网页变慢，但在执行时，我认为显示/隐藏图片会最快

【讨论】：