yotube和yahoo等网站正在使用的速度优化技术

Question

我已经注意到相当多的网站，包括YouTube和http://video.yahoo.com/，亚马逊和Facebook正在加载折叠上方的内容，然后一旦你向下滚动，剩下的内容就会加载。我不确定是内容的渲染被延迟了，还是它的媒体，比如图像，在你向下滚动时被取回了。

有没有人知道它是如何实现的，或者我如何实现类似的东西？

Answer 1

是真的。它们使用javascript (或jquery)在滚动上加载内容。

大多数情况下，图像在页面加载中占用的时间最长。

嗯，有几个jQuery插件可以帮助你实现同样的目标。

一个插件示例是受YUI ImageLoader启发的>>>> jQuery Lazy Load。

或者google -类似这样的- "jquery +延迟加载插件“

希望这能有所帮助

致敬，J‘’Sinh

Answer 2

http://api.jquery.com/scroll/

使用此事件处理程序检查滚动位置，将其与文档高度http://api.jquery.com/height/进行比较，如果滚动位置与高度的比较表明用户位于底部或接近底部，则使用ajax获取更多内容。

很抱歉如此笼统的回答，只是这需要实验，并且编写代码将需要一段时间。也许其他人会这样做，但我会坚持这样做。