圖片站打開速度慢怎么辦?空間不好有幾張圖片打開速度慢,怎么辦?等等,對于有圖片的網(wǎng)站打開速度慢,會導(dǎo)致用戶不耐煩的跳出,使網(wǎng)站的跳出率增加,這也是網(wǎng)站排名遲遲上不去的原因之一。今天東東SEO博客給大家分享一個圖片延遲加載技術(shù)(ImageLazyLoad技術(shù))。
一、ImageLazyLoad技術(shù)介紹:
1、在頁面上圖片比較多的時候,打開一張頁面必然引起與服務(wù)器大數(shù)據(jù)量的交互。尤其是對于高清晰的圖片,占的幾M的空間。
2、ImageLazyLoad技術(shù)就是,當前可見界面的圖片是加載進來的,而不可見頁面(通過滾動條下拉可見)中的圖片是不加載的,這樣勢必會引起速度上質(zhì)的提升。
二、圖片加載技術(shù)的好處:
圖片是在下拉滾動條時加載,這是一個非常不錯的用戶體驗,同時減少了頁面加載的時間了,也減輕了服務(wù)器的壓力。對網(wǎng)站優(yōu)化有莫大的的好處。
三、實現(xiàn)方法:
1、在頭部<head></head>直接添加以下三段代碼:
<script type=”text/javascript” src=”js/jquery.js”></script>
<script type=”text/javascript” src=”js/jquery.lazyload.js”></script>
<script type=”text/javascript”>
var Img = “images/lazyload.gif”;
jQuery.noConflict()(function(){jQuery.noConflict()(“img”).lazyload({placeholder:Img,effect:”fadeIn”});});
</script>
如圖:
2、把JS文件放在模板文件夾里,以及復(fù)制images文件里的lazyload.gif,粘貼到我們模板里的images文件夾里。OK完事!