有没有办法在不打扰电脑的情况下做到这一点？
我不太了解计算机和浏览器的内部工作，所以我不知道页面上的一堆图像会占用如此多的CPU。我的第一个想法是隐藏在页面上看不到的图像。滚动过去或者滚动到的那些。
我尝试了一个带有随机颜色的div而不是图片的示例jsfiddle，但只是向上和向下滚动使得我的计算机听起来就像它正在起飞。
所有占用cpu的图片是什么？可以避免吗？
答案 0 :(得分：0)
问题通常不在于它可能节省的带宽量。它更多的是减少渲染网页所需的HTTP请求数量。
请参阅this
需要时间，在做大量请求获取小内容（如图像，图标等）时，需要多次往返服务器：最终花费时间等待请求，以及服务器响应，而不是用这个时间下载数据。
减少http请求=加快整体加载
如果我们可以最小化请求数量，我们会减少到服务器的次数，并更好地使用我们的高速连接（我们下载更大的文件，而不是等待许多较小的文件）。
这就是使用CSS精灵的原因。
有关更多信息，您可以查看，例如：CSS Sprites: Image Slicing’s Kiss of Death
除此之外，您还可以使用lazy load