跳至主要內容
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?

4563博客

全新的繁體中文 WordPress 網站
  • 首頁
  • 怎么识别网页有懒加载功能
未分類
31 1 月 2020

怎么识别网页有懒加载功能

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 。

文章導覽

上一篇文章
下一篇文章

AD

其他操作

  • 登入
  • 訂閱網站內容的資訊提供
  • 訂閱留言的資訊提供
  • WordPress.org 台灣繁體中文

51la

4563博客

全新的繁體中文 WordPress 網站
返回頂端
本站採用 WordPress 建置 | 佈景主題採用 GretaThemes 所設計的 Memory
4563博客
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?
在這裡新增小工具