Discuz图片延迟加载实现方法，华丽而又能加速的小技巧

admin · 发表于 2020-7-8 10:06:49

马上注册，免费下载更多dz插件网资源。

您需要登录才可以下载或查看，没有账号？立即注册

×

说在前面：
看了论坛里面很多人需要图片延迟加载，感觉这功能确实很不错
能加速站点的载入速度，而且加载很华丽。
代码只有几KB，轻巧方便。
这个特效是少有华丽加速的果，因为它能判断访客是不是在查看当前图片。

LazyLoad简介：

在页面上图片比较多的时候，打开一张页面必然引起与服务器大数据量的交互。尤其是对于高清晰的图片，占的几M的空间。ImageLazyLoad技术就是，当前可见界面的图片是加载进来的，而不可见页面（通过滚动条下拉可见）中的图片是不加载的，只是预加载一个很小的填充图片，等到访客滑动鼠标滑轮或浏览到图片位置时，真正的图片地址才会加载。这样势必会引起速度上质的提升。

LazyLoad使用方法：
1.后台---全局---SEO设置---其他头部信息
加入以下代码：

<script type="text/javascript" src="static/js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="static/js/jquery.lazyload.js"></script> <script type="text/javascript"> jQuery(document).ready( function($){ $("img").lazyload({ placeholder : "static/js/grey.gif", effect : "fadeIn" }); }); </script>

复制代码

2.更新缓存即可。

JS下载包：

解压，将文件上传到论坛根目录即可。

图片渐显：
Discuz图片延迟加载实现方法，华丽而又能加速的小技巧图片,延迟加载,实现,方法,华丽

©DZ插件网所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
网站部分内容来源于网络，版权争议与本站无关。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，得到更好的正版服务。
您在本站任何的赞助购买、下载、查阅、回复等行为等均表示接受并同意签订《DZ插件网免责声明协议》。
如有侵权请邮件与我们联系处理: discuzaddons@vip.qq.com 并出示相关证明以便删除。敬请谅解！