看了論壇里面很多人需要圖片延遲加載,感覺這功能確實(shí)很不錯(cuò) 能加速站點(diǎn)的載入速度,而且加載很華麗。 仔細(xì)看了下,19樓的加載代碼太臃腫,于是自己進(jìn)行了精簡(jiǎn) 這個(gè)特效是少有華麗加速的果,因?yàn)樗芘袛嘣L客是不是在查看當(dāng)前圖片,只是預(yù)加載一個(gè)很小的填充圖片,等到訪客滑動(dòng)鼠標(biāo)滑輪或?yàn)g覽到圖片位置時(shí),真正的圖片地址才會(huì)加載。 演示效果請(qǐng)看 伊犁霍城縣的薰衣草基地景區(qū)薰衣草什么時(shí)候開,有什么攻略? http://www.0999m.com/thread-2634-1-1.html (出處: 便民信息網(wǎng)) 我們用的VPS或者云主機(jī)大多是1M-5M的帶寬,可有時(shí)候單頁(yè)圖片太多了,在訪問量大的情況下,會(huì)隨時(shí)導(dǎo)致帶寬到5M峰值。 這種情況下,最好的辦法就是對(duì)圖片做延遲加載,這樣一來(lái)不僅訪客打開網(wǎng)頁(yè)快,而且對(duì)咋們的云主機(jī)帶寬也起到很好的協(xié)調(diào)作用,不至于瞬間高帶寬占用。 網(wǎng)上很多延遲加載代碼都是瀏覽器顯示到某個(gè)位置的時(shí)候才開始加載,這樣體驗(yàn)很不爽。我對(duì)代碼做了些優(yōu)化, 優(yōu)化后的代碼是:即將瀏覽到的時(shí)候就開始加載,等瀏覽到的時(shí)候已經(jīng)完全顯示出來(lái)了,訪客甚至感覺不到用了圖片延遲加載,用戶體驗(yàn)相當(dāng)好!而且js代碼還很少,只有2KB。 現(xiàn)在分享給新疆SEO的朋友們,使用方法非常的簡(jiǎn)單哦! 下載js文件 把以下代碼復(fù)制到網(wǎng)站的head標(biāo)簽內(nèi)
<script type="text/javascript" src="js/lazyload/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/lazyload/jquery.lazyload.js"></script>
<script type="text/javascript">
jQuery(document).ready(
function($){
$("img").lazyload({
placeholder : "js/lazyload/grey.gif",
effect : "fadeIn"
});
});
</script>
注意路徑
新疆SEO點(diǎn)評(píng):本代碼適用于所有網(wǎng)站和cms【discuz也可以使用不用擔(dān)心jq沖突】