2019-09-18 Typecho实现图片懒加载(lazyload) Typecho实现图片懒加载(lazyload) 基于 jQuery 的图片延迟加载插件,在用户滚动页面到图片之后才进行加载。对于有较多的图片的网页,使用图片延迟加载,能有效的提高页面加载速度。注意事项:需要真正实现图片延迟加载,必须将真实图片地址写在 data-original 属性中。若 src 与 data-original 相同,则只是一个特效而已,并不达到延迟加载的功能。1、修改 HTML 代码中需要延迟加载的 img 标签<img class="lazy" src="img/loading.gif" data-original="example.jpg"> // 或者 <img class="lazy" data-original="example.jpg"> Typecho在主题文件 index.php 找到:<img src="<?php echo articleThumb($this);?>" alt="<?php $this->... 2019年09月18日 7,931 阅读 20 评论