减少显示的加载时间:响应式Web设计中无元素

时间:2012-07-16 11:44:24

标签: jquery html5 css3 media-queries

我使用Display:none方法创建了一个响应式设计。但是当我们使用这种方法时,Element会加载并导致高加载时间。那么有没有简单的方法来减少加载时间。我更喜欢一些外部JS解决这些问题。

任何人都可以帮助我

1 个答案:

答案 0 :(得分:1)

我假设大图像增加了加载时间?一种解决方案是使用Lazyload jQuery插件,该插件仅在视口内加载图像。

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

我不确定它是否仍会加载不可见的图像。但是,您可以在不应该看到的元素上使用类,然后使用它将它们放在视口之外。

编辑:Lazyload默认会跳过隐藏的图片。 (参见上面链接的页面底部)