隨著手機(jī)移動(dòng)端的大力發(fā)展，建設(shè)一個(gè)適合于手機(jī)瀏覽的網(wǎng)站勢(shì)在必行，也是若干企事業(yè)單位的，說(shuō)白了，在擁有了一個(gè)電腦網(wǎng)站之后，還想做個(gè)移動(dòng)網(wǎng)站。
要實(shí)現(xiàn)上面的想法，有兩種做法，一是單獨(dú)做兩個(gè)網(wǎng)站，一個(gè)是PC網(wǎng)站，也叫做電腦客戶端的網(wǎng)站，二是移動(dòng)網(wǎng)站，也叫做手機(jī)客戶端的網(wǎng)站，然后兩者進(jìn)行數(shù)據(jù)庫(kù)共享，確保只有一個(gè)后臺(tái)，添加一條記錄后，在兩個(gè)網(wǎng)站上同時(shí)都顯示，不需要重復(fù)添加，方便了用戶的管理，同時(shí)對(duì)網(wǎng)站的優(yōu)化排名也是有一定好處的。
還有一種就是響應(yīng)式（自適應(yīng)）的網(wǎng)站，即建設(shè)好一個(gè)頁(yè)面后，這個(gè)頁(yè)面會(huì)根據(jù)不同的客戶端顯示為不同的排版布局，這也是目前為的做法，只需做一個(gè)網(wǎng)站，就能享受兩個(gè)網(wǎng)站的成果，這種技術(shù)是自我學(xué)生時(shí)代BBS上出現(xiàn)ASCII字符圖形至今，Web開(kāi)發(fā)領(lǐng)域讓人感到興奮的事情之一。HTML5、CSS3及jQuery給舊網(wǎng)絡(luò)注入了新生命，給使用你應(yīng)用程序的用戶帶來(lái)樂(lè)趣和興奮。一個(gè)新技術(shù)的出現(xiàn)，勢(shì)必惹得更多的人的圍觀，它的成就與功績(jī)，優(yōu)勢(shì)與劣勢(shì)，咱們今天一個(gè)個(gè)的進(jìn)行分析對(duì)比。
1、響應(yīng)式（自適應(yīng)）網(wǎng)站由于是同一個(gè)頁(yè)面，很顯然的理解就是：把一個(gè)電腦上的所有東西安排到手機(jī)上，這顯然有些“多余”，滑動(dòng)塊會(huì)拉得很長(zhǎng)，這時(shí)這種技術(shù)會(huì)提供自帶函數(shù)可以隱藏一些數(shù)據(jù)，或是一些不值得在移動(dòng)端顯示的東西，或是不顯示，或是只顯示一部分，但畢手機(jī)與電腦的排版差距很大，盡管響應(yīng)式技術(shù)提供大量的自帶函數(shù)，仍舊逃脫不了在布局的短板。優(yōu)勢(shì)是程序簡(jiǎn)潔清爽，一個(gè)頁(yè)面不同的客戶端會(huì)有不同的顯示。劣勢(shì)是PC與移動(dòng)端的排版差距很顯而易見(jiàn)。
2、因?yàn)橛猩厦娴亩贪澹谑亲赃m應(yīng)的網(wǎng)站就要求美工做出適合于響應(yīng)式的界面需求，比如必須要通欄，不能用三欄的形式，盡量少用背景，多用文字（因?yàn)槌叽缡且园俜直葋?lái)算，而不是以像素），分類上下排版，不要左右排，而且排版還不能太繁瑣，另外網(wǎng)站里面少用JS腳本，或是flash元素，因?yàn)橐苿?dòng)端好多是不支持的。優(yōu)勢(shì)是布局簡(jiǎn)潔大氣，劣勢(shì)是頁(yè)面設(shè)計(jì)限制太多。
3、如果把電腦網(wǎng)站與手機(jī)網(wǎng)站完全分開(kāi)來(lái)建設(shè)的話，情況就完全不同了，PC網(wǎng)站建設(shè)想怎么設(shè)計(jì)就怎么設(shè)計(jì)，完全用不著考慮手機(jī)顯示的樣子，無(wú)論是拖動(dòng)滑動(dòng)塊的效果，還是鼠標(biāo)互動(dòng)效果，想怎么開(kāi)發(fā)就怎么開(kāi)發(fā)，手機(jī)也一樣，設(shè)計(jì)的時(shí)候只考慮移動(dòng)端的美觀與布局，其它的一概不管，讓兩者聯(lián)系在一起的，只是數(shù)據(jù)的共享，兩者調(diào)用同一個(gè)數(shù)據(jù)庫(kù)，以確保一個(gè)后臺(tái)管理兩個(gè)網(wǎng)站，這樣能顯示出是同一家企事業(yè)單位的網(wǎng)站，另外還有，盡量的把兩者風(fēng)格統(tǒng)一化，至少讓瀏覽者感覺(jué)有點(diǎn)相似。響應(yīng)式網(wǎng)站的優(yōu)勢(shì)是工作量減少了，用不著做兩個(gè)網(wǎng)站，劣勢(shì)是很明顯的，風(fēng)格不流暢，條條框框太多。
4、響應(yīng)式（自適應(yīng)）網(wǎng)站不利于百度的優(yōu)化排名，為什么這樣說(shuō)呢？因?yàn)樽赃m應(yīng)的網(wǎng)站是同一個(gè)頁(yè)面在不同的客戶端有不同的顯示，然后源碼里面title不可能有兩個(gè)，而PC與移動(dòng)端的搜索規(guī)則是不太一樣的，如果分開(kāi)建設(shè)電腦與手機(jī)網(wǎng)站，就可以設(shè)置兩個(gè)不同的title與keywords，自然有利于搜索引擎的收錄與排名，這很好理解。所以，如果你的網(wǎng)站需要進(jìn)行商業(yè)方面推廣的話，建議你們還是單獨(dú)做一個(gè)手機(jī)版的網(wǎng)站更好，而不是使用自適應(yīng)的網(wǎng)站。在優(yōu)化這一點(diǎn)上，響應(yīng)式的網(wǎng)站幾乎沒(méi)什么優(yōu)勢(shì)，滿滿的劣勢(shì)。
5、自適應(yīng)的網(wǎng)站打開(kāi)速度相對(duì)要慢些，我們說(shuō)的是手機(jī)網(wǎng)站，因?yàn)橥粋�(gè)頁(yè)面在手機(jī)上加載，雖然有些在電腦上顯示的東西隱藏了，但程序方面照樣加載，只是不顯示而矣，因而針對(duì)單獨(dú)制作手機(jī)網(wǎng)站來(lái)說(shuō)，要慢好多。比較來(lái)說(shuō)，劣勢(shì)比優(yōu)勢(shì)多，耗時(shí)間耗流量，網(wǎng)站打開(kāi)慢了，會(huì)丟失若干客戶，而Google的不完全統(tǒng)計(jì)的數(shù)據(jù)，網(wǎng)頁(yè)加載時(shí)間每延長(zhǎng)0.4秒就會(huì)有0.59%的用戶流失，電商類代表亞馬遜則表示每延長(zhǎng)0.1秒就會(huì)有1%的用戶流失，所以你的自適應(yīng)網(wǎng)站每天會(huì)流失好多客戶。
6、自適應(yīng)對(duì)于IE6到IE8的瀏覽器簡(jiǎn)直就是個(gè)大悲劇，因?yàn)檫@些都不支持的，打開(kāi)后亂七八糟，排版其混亂，當(dāng)然也可以打打補(bǔ)丁，但那種做法一是無(wú)濟(jì)于事，二是效果也不太明顯，即使排好了，所花的時(shí)間也是得不償失的。
