欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

页面延迟加载

程序员文章站 2024-03-26 14:12:53
...

用到的插件: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