最近很多单页主题都用到了这个技术,其实这个技术很早就有了。延迟载入技术的核心就是将图片等需要占用下载带宽的大元素放在非标准的DOM结构参数中,然后通过JavaScript读取参数,并在网页载入完成后再动态生成这些元素,这样可以明显的加快网页第一次加载完成的速度,不会因为部分图片的瓶颈,使得整个网页的加载被拖延。
例如淘宝店铺的商品页面,所有的图片都是放在 data-ks-lazyload 这个非标准DOM参数中,而在IMG标签中用一个小图片来进行代替。
1 |
<img alt="现货 Abercrombie Fitch AF 2014春秋款刺绣水钻套头女式圆领卫衣" data-ks-lazyload="http://img01.taobaocdn.com/bao/uploaded/i1/T1eilqFUpcXXXXXXXX_!!0-item_pic.jpg_180x180.jpg" src="http://a.tbcdn.cn/s.gif"> |
但是这个技术也对抓取产生了不少问题,在没有JavaScript的服务器端抓取时,这些需要JS帮助才能显示出来的元素就会被忽视。需要针对每个特殊的页面进行修正,才能抓取到隐藏在非标准参数中的实际图片地址。
There are no comments yet