我这里有个小问题。我是一名网络开发专业的学生，我目前正在为我需要做的项目构建这个网站。我想用背景图片让它看起来很漂亮。我在 Photoshop 中创建了图像，并将其以 .jpg 格式保存到网络上，最终58.8k尺寸变大了。
我完全支持为用户快速加载的网站，但我想知道少于 60k 是否可以？我在 yslow firefox 扩展上检查了它，它在 96 毫秒内为我加载（测试主题稍差 - http://www.speedtest.net/result/1146275377.png）
60k 太多了，只有 10-20k 的图像是最佳实践吗？当我看到图像加载时，我讨厌它……它只是……在那时甚至不值得图形。是否有更快的方法来加载该尺寸的图像？CSS 还是标签？或者我什至不应该担心它？
大多数浏览器默认最后加载背景图像，所以你应该没有问题。
太大的大小取决于您的主机设置、网站获得的流量以及访问者的典型传输率。
对于一个同时访问者不多的普通网站，60k 对我来说似乎是合理的。但是，带宽需要花钱，这就是您很少在大型网站上看到这种大小的背景图像的原因。另一方面，youtube 会定期播放比您建议的背景图像大数千倍的视频。如果不详细了解您的网站、托管解决方案和使用情况统计信息，就不可能给您准确的建议。
如果你问这个问题，机会是，60k 完全没问题。
如果您想保证您的背景图片首先或最后加载，您可以执行以下操作：
<script type="text/javascript">
bgimage = new Image();
bgimage.src = "http://www.olhovsky.com/img/cdf97/256fwt1_eg.png";
</script>
将该代码放在 body 标记上方以预加载背景图像。将它放在您的 html 文档中的较低位置以便稍后加载它（例如，在</body>最后加载背景的标签之后）。
然后在body标签中：
<body onload="document.body.background=bgimage.src;">
我不认为 60k 太大，尽管您可能想查看可能的用户并考虑他们的连接速度会是什么样子。如果您想尝试尽可能地缩小文件大小，请尝试将其弄脏，您可能会看到它进一步减小。