移動(dòng)站在域名方面有兩種選擇：如果已經(jīng)有成型的PC端網(wǎng)站，如www.iusyp.com，那么移動(dòng)端網(wǎng)站的域名最好就是m.v-zz.com；如果沒(méi)有PC站，并且也不計(jì)劃建設(shè)PC站，那么也可以直接使用主域名建設(shè)移動(dòng)站。

在服務(wù)器方面要邊擇速度較快的機(jī)房，尤其是圖片加載速度要快，因?yàn)樵谝苿?dòng)端閱讀的用戶更加喜歡瀏覽圖片，并且忍受圖片加載的時(shí)間要更短。如果網(wǎng)站打開(kāi)速度過(guò)慢，甚至超過(guò)5s，那么用戶打開(kāi)率就會(huì)迅速下降。只有移動(dòng)端網(wǎng)站的打開(kāi)速度盡量保持在3s之內(nèi)，用戶才愿意在內(nèi)容上花費(fèi)一定時(shí)間。因此，移動(dòng)端網(wǎng)站建設(shè)要盡量減少不必要的圖片或者動(dòng)畫(huà)的使用，以保證網(wǎng)站打開(kāi)速度。

建議在設(shè)計(jì)移動(dòng)端網(wǎng)站的時(shí)候?qū)D片加載設(shè)計(jì)成按需加載。實(shí)現(xiàn)移動(dòng)端網(wǎng)頁(yè)圖片按需加載是什么意思呢？就是在可見(jiàn)區(qū)域內(nèi)的圖片就加裁，不在的就不加載，而使用默認(rèn)圖片。下面列出按需加載圖片的方法，供大家參考。

步驟一：選取需要實(shí)現(xiàn)這種需求的容器中的所有圖片，不在容器中的圖片就不用管了。例如：

$('.container').find('img');

步驟二：如何判斷圖片是否到達(dá)可見(jiàn)區(qū)域呢？

一般我們會(huì)想到touchmove，這是錯(cuò)的，為什么呢？正常情況下，我們touchmove都是上劃一下就松開(kāi)，那么滾動(dòng)也就一下。但是當(dāng)我們上劃很多時(shí)，由于“慣性”touchend以后，滾動(dòng)條還會(huì)繼續(xù)滾動(dòng)，那么這一段的滾動(dòng)距離就是不可控的了。

然后我們會(huì)想到scroll，這就對(duì)了，在這個(gè)容器中監(jiān)聽(tīng)scroll事件就可以了。步驟三：什么時(shí)候可以認(rèn)為圖片到達(dá)可見(jiàn)區(qū)域？即圖片本身距離頂部的高度≤可見(jiàn)區(qū)域本身的高度＋滾動(dòng)的距離。

例如，滾動(dòng)的距離為0，圖片本身距離頂部的高度小于可見(jiàn)區(qū)域高度的圖片就在視野內(nèi)。

具體實(shí)現(xiàn)如下：

<script type="text/javascript">

imgdelayload:function(){

var img=$('.pic-list').find('img')

src="";

windowheighscrolltop=$(window).height()+document.body.scrollTop;

img.each(function(index, el){

src=$(this).attr("data-src");

if(windowheighscrolltop>(this.offsetTop+200)){

if(this.src.indexof("logo1")>0){

this.src=src;

}

}

})

}

</script>

可以看到多加了一個(gè)200的值，該值視個(gè)人情況而定，作者是為了體現(xiàn)得更明顯。如果是已經(jīng)加載過(guò)的圖片就不用再加載了。在scroll向上的時(shí)候調(diào)用，向下的時(shí)候就沒(méi)必要了，在這里作者用了一個(gè)全局變量來(lái)標(biāo)識(shí)網(wǎng)頁(yè)的位置，當(dāng)然在進(jìn)入這個(gè)頁(yè)面進(jìn)行初始化的時(shí)候也要調(diào)用一次，也就是沒(méi)有發(fā)生滾動(dòng)事件的情況。

<script type="text/javascript">

//滾動(dòng)監(jiān)聽(tīng)

$(window).SCROLL(function(event){

if(me.isscrolltop)

me.imgdelayload();

})

</script> 

還有一個(gè)問(wèn)題需要注意一下，就是移動(dòng)端和PC端支持的圖片類型是不一樣的，有些SEOER直接把PC端的圖片格式調(diào)用到移動(dòng)端，這樣在有些時(shí)候回導(dǎo)致移動(dòng)端用戶無(wú)法正常瀏覽圖片，這是相當(dāng)糟糕的體驗(yàn)。