web小技巧

1、搜物网，css合并，js合并，分别一次性加载。还可以动静分离。

<link href="http://www.sowu.com/style/merge.aspx?args=style/common.css,style/products.css,style/productsDec.css,style/asyncbox/asyncbox.css&_20150130_" rel="stylesheet" type="text/css" />

<script src="http://www.sowu.com/js/merge.aspx?args=js/jquery.js,js/focucmsg.js,js/prductPic.js,js/index/bannar_sowu.js,js/index/shopTabs.js,js/index/popup_tips.js,js/index/tabs.js,js/functions.js,/Js/lazyload/jquery.lazyload.js,js/tradecart.js,js/jquery.hoverIntent.minified.js,js/jquery.asyncbox.js,js/onetaobao.js,js/products/JSdetaiProdl.js,js/member/login.js&_20150130_"></script>

 

2、jquery.lazyload.js延迟加载：
<script>
$(function() {
if ($.browser.msie && $.browser.version == '6.0') { } else {
$(".smallimg").lazyload({ placeholder: "/images/gray.gif" }); //列表页指定图片加载
$("div.imgloading img").lazyload({ placeholder: "/images/gray.gif" }); //首页指定图片加载
$("#s1 img").lazyload({ placeholder: "/inc/images/loading-sowu.gif", effect: "fadeIn" }); //产品详细页指定图片加载
}
});
</script>

 3、搜物网图片都是放在应用服务器上。。。可以“动静分离”进行优化。

转载于:https://www.cnblogs.com/ToughGuy/p/4312598.html