如何加快重型图片网站?

时间:2013-09-09 06:40:01

标签: jquery

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

我在我的网站http://www.benplum.com/projects/pronto/

中使用了pronto js

3 个答案:

答案 0 :(得分:0)

试试JQuery Lazy Load库:

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

答案 1 :(得分:0)

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

正如@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

祝你好运!

答案 2 :(得分:0)

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

  2. 配置Web服务器可以返回一个标题Connection:Keep-Alive可以减少每个连接上的连接/断开连接时间损失,如果你真的需要加载很多图像,这是合适的(注意这可能相反)如果滥用,会减慢整个事情)。 Wacom网站使用此功能。

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