http://www.wacom.com/这个网站太快了,虽然它有太多的高分辨率图像。
我在我的网站 http://www.benplum.com/projects/pronto/中使用了 pronto js
http://www.wacom.com/这个网站太快了,虽然它有太多的高分辨率图像。
我在我的网站 http://www.benplum.com/projects/pronto/中使用了 pronto js
高分辨率图像并不意味着重图像(在 Wacom.com 上,图像小于 100Ko)
配置 Web 服务器,您可以返回标头 Connection: Keep-Alive 以减少每个连接上的连接/断开连接时间损失,适用于您确实要加载大量图像的情况(请注意,如果滥用,这反而会减慢整个过程)。Wacom 网站使用此功能。
如果您加载小图像,最好创建一个并使用 CSS 仅显示其中的一部分。
了解更多关于优化网站加载速度的最佳资源可能是 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
祝你好运!
试试JQuery Lazy Load
图书馆: