前端处理主页大图片加载慢的方法

前端处理主页大图片加载慢的方法

可以先用一个压缩过的缩略图去展示，等到所有的东西都加载完毕之后，再用大图片去替代。这里建议用load()。而不是$(document).ready(）

区别如下：

$(document).ready(function(){alert(“Hello”)}); $(document).ready(function(){alert(“Hello”)}); 

 一般情况下window的load()都是用来设置body标签的onload事件.但onload事件是要在页面的元素全部加载完了才触发的,这也包括页面上的图片，以及大的表格数据。如果页面上图片较多或图片太大,加载需要较多时间，就会导致页面无响应，或者用户做了其它操作了。

而Jeuery中的ready()则是在页面的dom(节点)加载完后就可以做相应的操作,而不用等待全部元素加载完成.比如只知道页面某处有一张图片，而不一定要等它显示出来就可以为它绑定点击方法。