0

http://www.wacom.com/这个网站太快了,虽然它有太多的高分辨率图像。

我在我的网站 http://www.benplum.com/projects/pronto/中使用了 pronto js

4

3 回答 3

0
  1. 高分辨率图像并不意味着重图像(在 Wacom.com 上,图像小于 100Ko)

  2. 配置 Web 服务器,您可以返回标头 Connection: Keep-Alive 以减少每个连接上的连接/断开连接时间损失,适用于您确实要加载大量图像的情况(请注意,如果滥用,这反而会减慢整个过程)。Wacom 网站使用此功能。

  3. 如果您加载小图像,最好创建一个并使用 CSS 仅显示其中的一部分。

于 2013-09-09T07:55:28.967 回答
0

了解更多关于优化网站加载速度的最佳资源可能是 Google Page Speed,如果您的网站已经在线,它还有很多工具可以诊断和建议改进: https ://developers.google.com/速度/页面速度/

正如@strauberry 所提到的,Amazon Cloudfront CDN 可能是一个重要的贡献者,其资产被缓存在用户附近。这是一个英文链接: http ://aws.amazon.com/cloudfront/

如果您使用的是大背景图片,您可以使用以下方法延迟加载它们:https ://github.com/nordhagen/jquery-zload

除了 @ra_hital 关于 img 元素的 jQuery Lazy Load 的提示。 http://www.appelsiini.net/projects/lazyload

祝你好运!

于 2013-09-09T07:32:49.697 回答
0

试试JQuery Lazy Load图书馆:

http://www.appelsiini.net/projects/lazyload

于 2013-09-09T06:43:41.090 回答