图像和资产 - 多少钱?

时间:2012-08-08 22:16:16

标签: html caching image-processing

当我在1998年第一次学习构建网页时,将图像压缩成压缩工件的虚拟马赛克的过程是必需的技术。现在波特率几乎被遗忘了,通常会找到带有900x图像的滑块的网站,文章充满了图像,flash广告等等。这些网站在我的高速电缆调制解调器或T1工作时加载很好(并且看起来也很好)但我不禁想知道我们是否过高地设定了我们的期望。也许我只是在页面一次加载一厘米(隔行扫描任何人?)时会有偏执的闪回。

虽然图像预加载等技术有助于高带宽网站的用户体验,但是我们现在在2012年对网站类型和连接带宽有任何一致的性能指南吗?

1 个答案:

答案 0 :(得分:1)

我可以列出一些我经常使用的方法。

  • 如果可以,请使用精灵。它会减少连接数。例如;您在8个图像文件中存储了150个图标/图像。在这种情况下,您的浏览器将仅使用8个连接而不是150个连接。

  • 使用正确的图像格式。例如;使用jpg拍照,使用png拍摄大部分几何图像。

  • 同样,要减少连接数,请将JS或CSS文件合并到一个文件中。

  • 使用不同的工具来衡量页面和加载速度。

  • 首先不要加载隐藏的图像。 www.wallbase.cc就是一个很好的例子。

  • 如果需要,请使用服务器端压缩。

您可以为这些列表添加更多内容。逻辑简单,减少带宽使用,减少连接数。