Javascript 图像和页面性能HTML

我目前正在开发一种javascript，它在将src链接添加到dom之前删除这些链接，因此不会发出http请求，然后当用户在图像附近滚动时，我会重置这些链接，我这样做是为了提高页面的性能

但我想知道，因为我只是“隐藏”即将出现的不可见图像，如果我也隐藏了以前的图像，会有用吗

我的意思是删除窗口上方和下方图像的图像Src，而不是仅在窗口下方

这样做是否会提高性能？ 或者我应该保留以前的图像，不要触摸它们

TL；DR

---

隐藏已加载到dom中的图像是否会提高性能？

是和否；如果你有成千上万个不同的图像，那么你可能会得到比它们都指向同一个虚拟位置更差的性能，但是，除此之外，你已经加载了它们——它们几乎没有什么危害。我更感兴趣的是如何在添加src之前将其从HTML中删除（假设您没有简单地隐藏

appendChild

和

insertBefore

），您为什么要费心在删除

src

时使用这种魔法呢？向所有图像添加

display:none

样式，结果相同。现在的浏览器很智能，它们不会加载这样的图像。Paul.S有没有办法将它们从浏览器缓存中删除？因此，当用户在他们附近时，我只是回复src另一个请求。matewka，css处理这类事情很慢，我也计划在这个过程中做其他事情。保罗。如果您感兴趣，我目前正在使用angularJs链接，因此在指令内更改dom之前，我将处理src。灵感来自：