页面延迟加载

最新推荐文章于 2023-02-09 12:43:55 发布

技术日记

最新推荐文章于 2023-02-09 12:43:55 发布

阅读量1.2k

点赞数

分类专栏： javascript 网站优化文章标签：延迟加载 lazyload 页面加载

本文链接：https://blog.csdn.net/yanqiufen168/article/details/79100087

版权

javascript 同时被 2 个专栏收录

5 篇文章 0 订阅

订阅专栏

网站优化

2 篇文章 0 订阅

订阅专栏

用到的插件：jQuery.lazyload

我在一个网站上利用延迟加载，使原本打开一个首页要140+个请求，减少到40个左右，打开速度也快了很多

<script type="text/javascript">
$(function() {
	$("img.lazyloading").lazyload({
		effect: "fadeIn",
		failure_limit: 20,
		threshold: 100,
		skip_invisible : false
	});
	
});
</script>

<img class="lazyloading" src="includes/templates/temp3_mobile/images/75404.jpg" data-original="includes/templates/temp3_mobile/images/75404.jpg" style="display: inline;">

参考：

http://www.jq22.com/jquery-info390

https://www.w3cways.com/1765.html