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