什么是自適應網(wǎng)站？其實(shí)自適應更專(zhuān)業(yè)的說(shuō)法是響應式網(wǎng)站。在2010年5月，Ethan Marcotte提出的響應式網(wǎng)站的概念，通俗的說(shuō)，就是一個(gè)網(wǎng)站可以兼容不同的終端，不用為每個(gè)分辨率設備做一個(gè)特定的版本的網(wǎng)站。近年來(lái)，各種大屏幕移動(dòng)設備的普及，響應式網(wǎng)站也受到了更多人的青睞。甚至大多數的人認為，響應式網(wǎng)站是實(shí)現友好移動(dòng)目標，更好、更快、更省的方案。

但事實(shí)又是否這樣呢？對熱衷響應式或自適應的人，不難想象：網(wǎng)站適應了移動(dòng)設備的顯示，界面也非常美觀(guān)，你可能覺(jué)得一切都很好，網(wǎng)站也實(shí)現了友好移動(dòng)的目標。然而不要開(kāi)心得太早，數據表明：這種響應式設計，會(huì )令你的用戶(hù)和經(jīng)濟效益流失30-50%。

想知道真相是什么？因為自適應和響應式根本就是一個(gè)坑！響應式網(wǎng)站有幾個(gè)致命缺點(diǎn)：

1.響應式設計僅是改善移動(dòng)體驗并沒(méi)達到最優(yōu)化。

不管是自適應設計，還是響應式設計，它們的基本原則是：盡可能不要因為設備不同而導致顯示不同的內容（比如在低分辯率的終端上會(huì )刪減某些內容）。試想，顯示在電腦1440x900分辨率屏幕上的內容，要在手機的320x240分辨率屏幕上顯示，你會(huì )發(fā)現，可視區域變小，內容都擠一起，頁(yè)面拉長(cháng)，排版順序錯亂，使用困難度增加等等。所以自適應和響應式設計，都是選擇性把內容隱藏，以適應小頁(yè)面，減少上述的問(wèn)題出現。但這樣一來(lái)，頁(yè)面的表現效果就沒(méi)那么理想了，交互體驗也達不到移動(dòng)端的最優(yōu)，把控不好網(wǎng)站就會(huì )給用戶(hù)不倫不類(lèi)的感覺(jué)。

從騰訊、天貓、360等它們的做法看到：個(gè)性化的宮格布局，流行的移動(dòng)端界面，合理地顯示網(wǎng)站信息。顯然這些才是我們所熟悉的移動(dòng)端表現，交互上更貼近APP的UI風(fēng)格，更好的用戶(hù)體驗。為什么他們能把網(wǎng)站在移動(dòng)端的表現處理得如此好？因為他們都是專(zhuān)門(mén)做了一個(gè)移動(dòng)版的網(wǎng)站，并沒(méi)有采用自適應設計，因此，網(wǎng)站的設計沒(méi)有受到自適應方案的限制。

2.響應式設計并不利于百度的關(guān)鍵詞優(yōu)化和排名。

因為用戶(hù)在不同終端的搜索習慣不同，所以百度對移動(dòng)網(wǎng)站和電腦網(wǎng)站的關(guān)鍵詞處理策略也不相同。而對于響應式的方案，不同終端訪(fǎng)問(wèn)到的網(wǎng)頁(yè)代碼是一樣的，這樣就不能在電腦端和移動(dòng)端設置不同的關(guān)鍵詞。這無(wú)疑是給百度關(guān)鍵詞優(yōu)化增添了大大的阻礙。

另外，百度的搜索排名也是有移動(dòng)端和電腦端之分的。針對這方面，更適合使用獨立的移動(dòng)端網(wǎng)站專(zhuān)門(mén)做移動(dòng)端的百度排名，這樣不會(huì )影響電腦端的百度排名，兩個(gè)版本的網(wǎng)站百度優(yōu)化也可以獨立進(jìn)行。

所以，如果你的網(wǎng)站需要進(jìn)行商業(yè)推廣的話(huà)，那還是獨立做一個(gè)移動(dòng)版網(wǎng)站更好，而不是使用響應式網(wǎng)站。

3.響應式網(wǎng)站無(wú)法區分移動(dòng)端，浪費帶寬，加載耗時(shí)長(cháng)。

響應式（自適應）設計的實(shí)現方式，往往是縮小或者隱藏電腦版網(wǎng)站的內容，使之適應移動(dòng)端的窄屏。但隱藏的內容依然會(huì )加載，低分辨率設備會(huì )加載高質(zhì)量的圖片或者視頻，不分屏幕尺寸都提供相同大小的網(wǎng)頁(yè)。這樣的話(huà)，響應式網(wǎng)站加載的內容相比非響應式網(wǎng)站會(huì )增加20-50%。加載內容多，速度慢，浪費流量。在國內高流量費面前，用戶(hù)是想都不用想就會(huì )放棄使用你的網(wǎng)站的。

響應式網(wǎng)站相對非響應式網(wǎng)站的加載耗時(shí)，一般都會(huì )延長(cháng)1-2秒，在2G、3G網(wǎng)絡(luò )情況下更嚴重。而Google統計的數據是加載時(shí)間每延長(cháng)0.4秒就會(huì )有0.59%的用戶(hù)流失，電商類(lèi)代表亞馬遜則表示每延長(cháng)0.1秒就會(huì )有1%的用戶(hù)流失，資訊門(mén)戶(hù)類(lèi)的雅虎則是每延長(cháng)0.4秒就會(huì )流失5-9%的用戶(hù)。所以你的響應式網(wǎng)站每天流失了多少用戶(hù)，你可以對號入座算一算。

4.響應式對于ie6,7,8瀏覽器簡(jiǎn)直是悲劇。

響應式或者自適應方案里，運用了很多html5新特性，而這些新特性只有高級的現代瀏覽器才支持，而在ie6,7,8來(lái)說(shuō)幾乎是看不了的，甚至在ie9,10的表現也只是差強人意。從cnzz數據中心統計的國內瀏覽器使用率來(lái)看，ie占比高達36.29%。請問(wèn)你能承受36.29%的用戶(hù)流失嗎？

現在你是否已經(jīng)察覺(jué)，不管是淘寶、天貓、京東、唯品會(huì )，還是騰訊、百度、新浪、360為什么都不用響應式了吧？我們絲毫不會(huì )懷疑：響應式或自適應僅僅是一個(gè)坑。而正確的做法是分開(kāi)建設電腦端和移動(dòng)端網(wǎng)站。專(zhuān)門(mén)建設一個(gè)移動(dòng)版的網(wǎng)站才是可行的法則，這樣才能更靈活，提供更專(zhuān)業(yè)、更優(yōu)的移動(dòng)體驗和個(gè)性化、多樣化的設計。

我們可能會(huì )疑問(wèn)為什么市場(chǎng)上響應式網(wǎng)站會(huì )那么火？真相是，響應式或自適應設計，僅是是設計師的主觀(guān)決定，他們認為電腦網(wǎng)站界面不再適用移動(dòng)網(wǎng)站界面，然后非作出相應的改變不可。甚至存在更可笑的情況，程序員為了賣(mài)弄技術(shù)而使用響應式，建站公司為了顯得更高大上多騙點(diǎn)錢(qián)而拋出響應式等等。響應式的運用在很多情況下都是沒(méi)必要的，也沒(méi)什么值得大家去追棒。

所以我們的建議就是：最好為你的電腦網(wǎng)站推出移動(dòng)版本，將關(guān)注重點(diǎn)要放在網(wǎng)站信息展示、網(wǎng)站性能、用戶(hù)體驗、經(jīng)濟效益、用戶(hù)留存等關(guān)鍵點(diǎn)上。

這里或許還有一件事，可能你并不知道，響應式之父Ethan Marcotte還說(shuō)過(guò)，“最重要的是，響應式網(wǎng)頁(yè)設計的初衷不是要取代移動(dòng)網(wǎng)頁(yè)”。

以上內容是由寶雞網(wǎng)站建設、寶雞網(wǎng)絡(luò )公司，寶雞世紀網(wǎng)絡(luò )為您采集整理的“為什么響應式（自適應）網(wǎng)站是一個(gè)坑” 的相關(guān)內容。我公司是在寶雞市工商局注冊的專(zhuān)業(yè)提供網(wǎng)站建設、網(wǎng)站優(yōu)化、網(wǎng)站推廣，軟件開(kāi)發(fā)的網(wǎng)絡(luò )技術(shù)企業(yè)，一直致力于面向寶雞地區黨政機關(guān)、企事業(yè)單位提供大中型門(mén)戶(hù)網(wǎng)站解決方案、移動(dòng)互聯(lián)網(wǎng)開(kāi)發(fā)（WAP手機門(mén)戶(hù)網(wǎng)站、微信開(kāi)發(fā)），以及中小型應用軟件開(kāi)發(fā)及其它信息化外包業(yè)務(wù)。目前已承建寶雞地區近760多家黨政機關(guān)及企業(yè)門(mén)戶(hù)網(wǎng)站，是寶雞網(wǎng)站建設行業(yè)有影響力的寶雞網(wǎng)絡(luò )公司。歡迎您來(lái)電咨詢(xún)。