2013年8月28日
手机网站实现图片惰性加载
摘要： 什么是图片惰性加载呢？顾名思义，惰性指的是我们只将用户视野范围内（浏览器窗口的可视区域）的图片加载，而用户视野范围外的图片先不加载，当用户看到这些图片时再做加载。这样做的好处在于哪里呢？1、用户访问速度上升了，浏览器的加载进度条很快就加载完毕。2、节省用户流量。那么如何实现呢？我们需要解决两个问题：① 如何知道用户是否能看见这张图片？②如何让看不到的图片不加载，而在需要的时候再去加载？先解决第一个问题：如何知道用户是否能看见这张图片？首先需要获取三个值，这些都可以通过javascript获取。①浏览器窗口的高度windowHeight②页面滚动的距离 windowPageY③图片距离页面顶部. 阅读全文
posted @ 2013-08-28 14:41 浩明1999 阅读(2648) 评论(2) 推荐(3)