请问如何做首页图片延迟加载？

2014-07-01 17:45:15 +08:00

yeelone

我的页面首页放置一系列文章链接，和一个相册，有一些小图片。

我想问的是，如果实现，让页面其它部分全部加载完了，如背景图之类影响第一观感的，然后再去加载这个相册的图片。试过lazyload,效果不好，有些相册的图片总是加载不出来。

求教一些优化的方法

3228 次点击

所在节点

9 条回复

vaneoooo

2014-07-01 17:56:30 +08:00

放狗是能找到一些用于延迟加载的js方案的

yeelone

2014-07-01 18:43:17 +08:00

@vaneoooo 搜出来的几乎都是lazyload的。

jsonline

2014-07-01 18:57:43 +08:00

img.onload
new Image

光靠插件是不行滴，自己写原生的才能精确控制。

zjgood

2014-07-01 19:03:31 +08:00

@yeelone 那就用js手工处理吧，所有图片的地址都放到data-origin，然后用js监视滚动，再利用js修改回来，几句代码就可以实现

Livid

2014-07-01 19:05:22 +08:00

用 ngx pagespeed 可以为你自动加上 lazyload。

yeelone

2014-07-01 19:34:02 +08:00

@zjgood 是的，我刚已经这么做了，效果比用插件好得多。

yeelone

2014-07-01 19:35:56 +08:00

@Livid 不知道apache有没有相似的模块，现在服务器用的是apache

Livid

2014-07-01 19:39:09 +08:00

@yeelone 有。搜索 mod pagespeed

xiaoai

2014-07-01 21:41:58 +08:00

QueryLoader2 之类的preload插件可以帮助你

第 1 页／共 1 页

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

请问如何 做首页图片延迟加载？