0
点赞
收藏
分享

微信扫一扫

适用于大部分网站的图片懒加载代码教程

相信很多站长朋友应该都知道网站运营,第一个必备条件就是网站加载速度要做好。就好比一个延迟100ms的网站与一个延迟10ms的同行网站相PK,当某个用户访问时,你觉得一个等了半天进不去的和一个点击就进去的网站相比,TA会选择哪一个呢?同行之间都是有竞争的。

适用于大部分网站的图片懒加载代码教程_网站

所以呢,网站图片懒加载适用于新手站长资金不太充足、而又不会做优化的情况下的救命稻草。一个新手基本买不起高额的优质服务器!只能从这方面下手减轻网站加载速度。下面我们教程开始吧。适用于大部分主流程序,本次教程就拿Emlog基于个人博客建站程序来演示吧,本人也是一名Emlog爱好者。

教程开始

1、下载“echo.js”文件上传到根目录或者其他目录即可。

下载地址:  https://www.lanzous.com/i6687qd

2、上面完成后我们到Emlog的模板目录下找到底部脚本文件“footer.php”编辑打开后在标签前面加入如下代码。(其他程序找对应文件,不一定是footer.php)

3、放置好代码后还没好,还有最后一步。继续往下看!在网站所有的图片<img src=标题后面加入下面的代码。

'http://你的域名/lazyload.gif' data-echo=

不懂怎么加的看下面,原有的网站图片代码基本都是下方这样的。

<img src="图片地址" width="100%" height="40" alt="" title="" align="" /></a></div>

加入懒加载图片代码后:

<img src='http://你的域名/lazyload.gif' data-echo="图片链接" width="100%" height="40" alt="" title="" align="" /></a></div>

4、懒加载图片下载

下面我会打包加载图片,上传到根目录或者其他目录即可,上传其他目录对应好上面加载图片代码即可。觉得图片不好看也可自行去搜寻更好的加载图片命名为“lazyload.gif”即可。

好了,本次的网站图片懒加载教程就到此结束了,预祝各位站长早日成功崛起。

举报

相关推荐

0 条评论