我使用Display:none方法创建了一个响应式设计。但是当我们使用这种方法时,Element会加载并导致高加载时间。那么有没有简单的方法来减少加载时间。我更喜欢一些外部JS解决这些问题。
任何人都可以帮助我
答案 0 :(得分:1)
我假设大图像增加了加载时间?一种解决方案是使用Lazyload jQuery插件,该插件仅在视口内加载图像。
http://www.appelsiini.net/projects/lazyload
我不确定它是否仍会加载不可见的图像。但是,您可以在不应该看到的元素上使用类,然后使用它将它们放在视口之外。
编辑:Lazyload默认会跳过隐藏的图片。 (参见上面链接的页面底部)