随着页面信息越来越丰富，尤其是像淘宝、京东这样的购物网站，首页就是他们的生命线！最近在做某银行的网站。只有上首页才能得到更多的关注，于是各路业务人员展开了首页位置的争夺战，以期平息他们的战争。主页涵盖了他们的所有需求，他们满意地离开了。结果技术经理来了，说为什么首页负载这么大，so，少！！！首当其冲的就是减少图片K数，不够用怎么办？好吧，让我们进入正题。长页面不显示的部分可以先不加载，省流量就是省钱，开始吧！！！思路是判断图片在页面中的位置，如果图片的位置大于或小于当前屏幕高度，则显示图片，否则隐藏图片。一开始怎么隐藏图片，很简单，，给一个浏览器不识别的属性csii_src，当图片需要显示的，在element.src=element.getAttribute("csii_src");中，思路很简单，我们上代码吧。函数lazyLoad(){varmap_element={};varelement_obj=[];变种下载计数=0;varlast_offset=-1;vardoc_body=null;变种文档元素=空；varlazy_load_tag=[];函数initVar(标签){doc_body=document.body;doc_element=document.compatMode=='BackCompat'?文档正文：文档.documentElement；lazy_load_tag=标签||["img","iframe"];};函数initElementMap(){for(vari=0,len=lazy_load_tag.length;ikey){vart_o=map_element[key];varimg_vl=t_o.length;对于(varl=0;l
