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" />
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、搜物网图片都是放在应用服务器上。。。可以“动静分离”进行优化。