1

当我在 1998 年第一次学习构建网页时,将图像压缩成压缩伪影的虚拟马赛克的过程是一门必需的艺术。现在波特率几乎被遗忘了,通常会找到带有满是 900 倍图像的滑块、充满图像的文章、Flash 广告等的网站。这些网站在我的高速电缆调制解调器或 T1 工作时加载良好(而且看起来也不错)但我忍不住想知道我们是否把期望值定得太高了。也许我只是对页面一次加载一厘米(交错任何人?)的偏执闪回。

尽管图像预加载之类的技术有助于提高高带宽站点的用户体验,但对于我们在 2012 年现有的站点类型和连接带宽,是否有任何一致的性能指南?

4

1 回答 1

1

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

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

  • 使用正确的图像格式。例如; 对照片使用 jpg,对大多数几何图像使用 png。

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

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

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

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

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

于 2012-08-08T22:55:54.647 回答