作为站长，网站优化是必须的，而网站优化，最离不开的，是站内优化，但站内优化，除了链接以外，怎么可能会少掉代码优化呢？代码优化就是把代码简单化，把多余的代码去掉，没有多余的代码，网站打开速度真的是杠杠的。
图片懒加载效果，就是一个很多网站在用，而且，也有前者在造轮子，后者直接使用，小千下载了那个图片懒加载插件，代码真的是兼容性非常差，而且，沉淀的代码也是多得不要不要的，作为强迫症的我，总想把代码整简单来。
这不，经过上一篇的去首页index.html和链接小尾巴以外，其实，这个图片懒加载代码，也是可以优化的哦，废话不多了，直接上代码，懂的人都懂了，这个代码，真的是全网最精简、全网最牛逼的图片懒加载效果了，不想多说，直接上代码。
<!DOCTYPE HTML>
<html>
<head>
<title>全民博客 - 小千原创作品</title>
<script type="text/javascript" src="http://nidecms.com/ueditor/jquery.min.js"></script>
</head>
<body>
<img class="lazy" src="http://nidecms.com/ueditor/asking/img/load.svg" data-original="http://nidecms.com/uploads/alli/20230721/1689891326684833.png" alt="全民博客"/>
<script type="text/javascript">
$(function () {
$.each($(".lazy"), function () {
var imgsrc = $(this).attr("data-original");
$(this).attr("src", imgsrc);
});
});
</script>
</body>
</html>其实，这个代码，除了只做图片懒加载以外，还能制作很多出乎意料、意想不到、满是惊喜的效果哦。比如，屏蔽蜘蛛抓取链接，这个代码效果，真的是比nofollow标签，好得不止亿点点哦，只有那些，懒惰、懒于研究、懒于开发、懒于鼓捣、懒于折腾的站长，在毫无技术的、毫无办法的情况下，才会使用nofollow标签，但这个效果真的是非常微妙。
从根源解决问题，要想减轻服务器负担，要想提高用户体验，要想做好站内优化，我想，小千写的这个，图片懒加载效果，只要一句代码就行了，肯定要比你现在使用的图片懒加载插件，要好得多哦，当然，网站优化，并不是只有这么一句代码就能解决的，还有很多网站优化、维护、运营你需要学，下面，多关注小千网站，小千会不定期的发布惊喜。
本文结束
评论专区
上一篇
发表评论
评论列表（无评论）