问如何避免加载不必要的桌面图像，同时使移动友好网站(响应式)
EN

Stack Overflow用户

提问于 2016-04-03 05:00:33

回答 1查看 854关注 0票数 1

我有一个网站，我想让它尽可能容易(轻量级)的移动。我想用轻量级的图像替换重量级的图像，但不确定这样做的正确方式是什么。

我以为"display: none“可以解决这个问题，但似乎不是(如果我错了，请纠正我)。难道"display: none“不应该在这里做这件事吗？如果是这样的话，我应该怎么做--我想要一个css解决方案，因为我的网站基本上是运行html'n'css代码和一个滑块(使用JQuery )。

附注："display: none“仍然加载较重的图像

更新:除了使用(如果可能的话)图片作为背景图片之外，似乎没有其他的解决方案。但是通过这种方式，我实际上可以让"display:none“起作用！哇哦！

好吧，我想我们都会从错误中学习:)

如果你有其他办法，请...请一定要分享它！

发布于 2016-04-03 05:04:21

它们的显示设置为无的图像仍将加载。所以这没有什么不同。您应该尝试延迟加载图像。例如，为它们设置加载(或任何默认图像)，并为它们设置一些属性，如data-src，并在它们进入视图时设置它们的src。

如果你搜索一下，还有一些用于延迟加载图片的插件：

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/36378658

复制

相似问题

问如何避免加载不必要的桌面图像，同时使移动友好网站(响应式)EN