我在这里遇到一些问题.我是一个Web开发专业,我目前正在为我需要做的项目构建这个站点.我想用背景图片让它看起来很漂亮.我在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;">