什么是自適應(yīng)網(wǎng)站？事實上，更自適應(yīng)的參數(shù)是響應(yīng)網(wǎng)站。 2010年5月，Ethan Marcotte的響應(yīng)式網(wǎng)站的概念，就外行而言，網(wǎng)站可以與不同的終端兼容，而無需為每個分辨率設(shè)備制作特定版本的網(wǎng)站。近年來，各種大屏幕移動設(shè)備的普及，響應(yīng)性的網(wǎng)站也受到更多人的青睞。甚至大多數(shù)人都認(rèn)為響應(yīng)式網(wǎng)站是一種更好，更快，更經(jīng)濟(jì)的解決方案，可以實現(xiàn)友好的移動目標(biāo)。

但情況如此嗎？對于那些有響應(yīng)或自適應(yīng)的人來說，不難想象：網(wǎng)站適應(yīng)移動設(shè)備的顯示，界面也很漂亮，你可能覺得一切都很好，網(wǎng)站也達(dá)到了友好移動的目標(biāo)。但是，不要太高興，數(shù)據(jù)顯示這種響應(yīng)式設(shè)計將失去30-50％的用戶和經(jīng)濟(jì)效益。

想知道真相是什么？因為自適應(yīng)和響應(yīng)是一個坑！響應(yīng)網(wǎng)站有幾個致命的缺陷：

1.響應(yīng)式設(shè)計只是為了改善移動體驗而不是優(yōu)化。

無論是自適應(yīng)設(shè)計還是響應(yīng)式設(shè)計，基本原則是：盡量不要因為不同的設(shè)備而顯示不同的內(nèi)容（例如刪除低分辨率終端上的某些內(nèi)容）。想象一下，計算機(jī)1440x900分辨率屏幕上顯示的內(nèi)容應(yīng)顯示在手機(jī)的320x240分辨率屏幕上。你會發(fā)現(xiàn)可見區(qū)域較小，內(nèi)容擠在一起，頁面拉長，布局混亂，使用困難。增加等等。因此，自適應(yīng)和響應(yīng)式設(shè)計是選擇性地隱藏內(nèi)容以適應(yīng)小頁面并減少上述問題。但是這樣，頁面的性能不是那么理想，并且交互式體驗沒有達(dá)到移動終端的優(yōu)越性。如果控件不好，網(wǎng)站會給用戶一種難以理解的感覺。

響應(yīng)式網(wǎng)站響應(yīng)式設(shè)計自適應(yīng)布局

在移動端顯示響應(yīng)式網(wǎng)站的缺陷（右側(cè)的移動版本）

例如，上述響應(yīng)類型網(wǎng)站，右移動終端顯然隱藏了計算機(jī)左側(cè)顯示的產(chǎn)品，這對用戶從計算機(jī)側(cè)切換到移動側(cè)非常不友好。移動端的交互設(shè)計對我們來說并不熟悉。同樣顯而易見的是，相同的網(wǎng)站樣式差異如此之大，感覺就像兩個網(wǎng)站。如果它是一個單獨設(shè)計的移動網(wǎng)站，它可以避免顯示器上的突然顯示，如上面的響應(yīng)網(wǎng)站，如下面的計算機(jī)和移動網(wǎng)站之間的比較：

響應(yīng)式網(wǎng)站響應(yīng)式設(shè)計自適應(yīng)布局

天貓PC和移動版本

從上面可以看出，天貓看到了他們的做法：個性化的網(wǎng)格布局，流行的移動界面以及合理的網(wǎng)站信息顯示。顯然，這些是我們熟悉的移動端性能，并且交互更接近APP的UI風(fēng)格和更好的用戶體驗。為什么他們能夠很好地處理移動端的網(wǎng)站性能？因為它們都專注于移動版本的網(wǎng)站并且不使用自適應(yīng)設(shè)計，所以網(wǎng)站的設(shè)計不受自適應(yīng)方案的限制。

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

由于用戶在不同的終端有不同的搜索習(xí)慣，百度的移動網(wǎng)站和計算機(jī)網(wǎng)站的關(guān)鍵字處理策略也不同。對于響應(yīng)式解決方案，不同終端訪問的網(wǎng)頁代碼是相同的，因此不能在計算機(jī)側(cè)和移動側(cè)設(shè)置不同的關(guān)鍵字。這無疑是百度關(guān)鍵詞優(yōu)化的一大障礙。

此外，百度的搜索排名也分為手機(jī)和電腦。在這方面，更適合使用獨立的移動終端網(wǎng)站來做移動終端的百度排名，這樣就不會影響百度對電腦的排名，而且兩個版本的網(wǎng)站百度優(yōu)化也可以進(jìn)行獨立出來。

因此，如果您的網(wǎng)站需要商業(yè)化，那么最好使用網(wǎng)站的移動版本，而不是使用響應(yīng)式網(wǎng)站。

3.響應(yīng)類型網(wǎng)站無法區(qū)分移動終端，浪費帶寬，并且加載需要很長時間。

響應(yīng)（自適應(yīng)）設(shè)計的實現(xiàn)通常是減少或隱藏計算機(jī)版本網(wǎng)站的內(nèi)容，以使其適應(yīng)移動終端的窄屏幕。但是，隱藏內(nèi)容仍將加載，低分辨率設(shè)備將加載高質(zhì)量圖像或視頻，無論屏幕大小如何，都能提供相同大小的網(wǎng)頁。在這種情況下，與無響應(yīng)的網(wǎng)站相比，響應(yīng)類型網(wǎng)站加載的內(nèi)容增加了20-50％。加載更多內(nèi)容，速度更慢，浪費流量。面對高昂的國內(nèi)流量費用，用戶不想考慮放棄使用你的網(wǎng)站。

響應(yīng)網(wǎng)站相對于非響應(yīng)網(wǎng)站的響應(yīng)時間通常延長1-2秒，這在2G和3G網(wǎng)絡(luò)的情況下更嚴(yán)重。谷歌的統(tǒng)計數(shù)據(jù)顯示，每0.4秒的加載時間就有0.59％的用戶丟失。電子商務(wù)類別代表亞馬遜。這意味著1％的用戶每0.1秒丟失一次，而雅虎的信息門戶網(wǎng)站則被延長。 0.4秒將失去5-9％的用戶。因此，每天有多少用戶在您的響應(yīng)中丟失網(wǎng)站，您可以計算座位數(shù)。

4.響應(yīng)ie6,7,8瀏覽器簡直就是悲劇。

在響應(yīng)式或自適應(yīng)方案中，使用了html5的許多新功能，并且這些新功能僅由高級現(xiàn)代瀏覽器支持，但它們在ie6,7,8中幾乎不可見，即使在ie9,10的性能中也是如此。這不好。從國內(nèi)瀏覽器使用統(tǒng)計數(shù)據(jù)來看，來自cnzz數(shù)據(jù)中心，即占比高達(dá)36.29％。你能承受36.29％的用戶損失嗎？

響應(yīng)式網(wǎng)站響應(yīng)式設(shè)計自適應(yīng)布局

響應(yīng)式網(wǎng)站體驗或在IE上失去36.29％的用戶

現(xiàn)在，您是否注意到無論是淘寶，天貓，京東，唯品會，還是騰訊，百度，新浪，360，為何不使用它？毫無疑問，響應(yīng)或適應(yīng)性只是一個坑。正確的方法是分別構(gòu)建計算機(jī)端和移動端網(wǎng)站。構(gòu)建移動版網(wǎng)站是一個可行的規(guī)則，以便更靈活，提供更好，更好的移動體驗和個性化的多樣化設(shè)計。

我們可能想知道為什么市場上的響應(yīng)式網(wǎng)站會如此火爆？事實是，響應(yīng)式或自適應(yīng)式設(shè)計只是設(shè)計者的主觀決定。他們認(rèn)為計算機(jī)網(wǎng)站接口不再適用于移動網(wǎng)站接口，然后不做相應(yīng)的更改。甚至還有一種更為荒謬的情況，即程序員使用響應(yīng)能力來展示技術(shù)，而電視臺建設(shè)公司會拋出響應(yīng)性以便出現(xiàn)更多的騙局。在許多情況下不需要響應(yīng)使用，沒有什么值得關(guān)注的。

因此，我們的建議是：著名的移動版計算機(jī)網(wǎng)站，重點將放在網(wǎng)站信息顯示，網(wǎng)站性能，用戶體驗，經(jīng)濟(jì)效益，用戶保留等關(guān)鍵點上。

可能還有一件事，也許你不知道，響應(yīng)的父親Ethan Marcotte也說，“重要的是響應(yīng)式網(wǎng)頁設(shè)計并不是要取代移動網(wǎng)頁?！?