xiaobaibai 大佬有话说 : 2020-1-12 14:20:15
怎么识别网页有懒加载功能
本帖最后由 xiaobaibai 于 2020-1-12 14:28 编辑
花钱叫人做了一个懒加载 ,感觉不出来,没多大变化,ie浏览一个网页50个高清图 还是卡,不像加了 懒加载,感觉不起作用
查看代码 imgsrc没什么特点,不像懒加载的图片代码,对方说加了js,我体验真的很一般,图片还是全部加载出来,一个图没加载完,另外一个也是显示一半一半的
他说网站其他内容显示了,打开了,再加载图片 就实现了
<head>
<meta
后面加了这个
<script type="text/javascript" src="/templets/default/js/jquery.lazyload.js"></script>
又在在footet后面加了这个
<!–/footer –>
<script type="text/javascript">
$(document).ready(function(){
$("#lightgallery img").each(function(){
$(this).addClass(‘img-responsive’);
$(this).wrap("<div class=’card’ data-src=’"+$(this).attr(‘src’)+"’ style=’display: inline’></div>").parent();
});
$(‘#lightgallery’).lightGallery({
selector: ".card",
share: false
});
});
$("img").lazyload({effect: "fadeIn"});
</script>
babyby168 大佬有话说 : 2020-1-12 14:57:59
看到这代码我就笑死了,HTML文件渲染完图片都开始加载了它才做lazyload处理
xiaobaibai 大佬有话说 : 2020-1-12 14:25:15
:Q
xiaobaibai 大佬有话说 : 2020-1-12 14:31:26
:time:
loveqianool 大佬有话说 : 2020-1-12 14:31:50
没感觉出来就是花的不够多,再请人优化一下。:lol:lol:lol
Evan 大佬有话说 : 2020-1-12 14:33:28
看一下img的src是不是都是一样的就行了。:)
小旭 大佬有话说 : 2020-1-12 14:39:22
懒加载是先加载网站整体再加载资源的
jekyll 大佬有话说 : 2020-1-12 14:49:32
50个高清图,想网页秒开,除了lazyload,还要配合缩率图,做popup。
爱吃醋的醋醋 大佬有话说 : 2020-1-12 19:46:02
footer是页尾完结,所有代码放在它前面
88232128 大佬有话说 : 2020-1-12 19:52:33
本帖最后由 88232128 于 2020-1-12 19:54 编辑
50张高清图。。。 双10G带宽的服务器我感觉都不一定1、2秒钟内能打开,阿里云cdn的节点是双10G的,快去试试,loc最牛逼图床带宽只有5M,我就不献丑了yc016t 。