什么是自適應網站？其實自適應更多的說法是響應網站。在2010年5月，EthanMarcotte一般來說，響應網站的概念是，一個網站可以與不同的終端兼容，而不需要為每個分辨率設備制作一個特定版本的網站。近年來，隨著各種大屏幕移動設備的普及，響應網站也受到了更多人的青睞。大多數人甚至認為響應性網站是實現友好移動目標、更好、更快、更經濟的解決方案。

但事實是這樣嗎？對于熱衷于響應或自適應的人來說，不難想象網站適應了移動設備的顯示，界面非常漂亮。你可能認為一切都很好，網站也實現了友好移動的目標。然而，不要太快樂。數據顯示，這種響應設計將損失30-50%的用戶和經濟效益。

想知道真相是什么？因為自適應和響應是一個坑！響應網站有幾個致命缺點:

1.響應設計只是為了改善移動體驗而沒有優化。

無論是自適應設計還是響應設計，其基本原則都是盡量不要因為不同的設備而顯示不同的內容（例如，在低分辨率的終端上刪除一些內容）。試想一下，顯示在電腦1440上x手機3200分辨率屏幕上的900分辨率屏幕內容x顯示在240分辨率屏幕上，你會發現視覺區域變小，內容擠在一起，頁面延長，排版順序混亂，使用難度增加等等。因此，自適應性和響應性設計選擇性地隱藏內容，以適應小頁面，減少上述問題。但這樣，頁面的性能效果就不那么理想了，交互體驗也達不到移動終端的優勢。如果你不能很好地控制網站，它會給用戶一種不倫不類的感覺。

響應式網站響應式設計自適應布局

移動端上某響應網站的顯示缺陷(右側為移動版)

比如上面的響應網站，右邊的移動終端顯然隱藏了左邊電腦終端顯示的產品，對從電腦終端切換到移動終端的用戶非常不友好。而動終端的交互設計并不熟悉。還有一點很明顯，同一個網站的風格差，感覺是兩個網站。如果是單獨設計的移動網站，可以避免像上面響應網站那樣顯示的突兀，比如下面電腦和移動網站的對比:

響應式網站響應式設計自適應布局

對比天貓電腦版和移動版

從以上天貓的做法可以看出：個性化的宮格布局，流行的移動界面，合理顯示網站信息。顯然，這些都是我們熟悉的移動性能，在交互上更接近APP的UI風格，用戶體驗更好。為什么他們能在移動端處理好網站的表現？因為他們都專門制作了一個移動網站，沒有使用自適應設計，所以網站的設計不受自適應方案的限制。

2.響應設計不利于百度的關鍵詞優化和排名。

由于用戶在不同終端的搜索習慣不同，百度對移動網站和計算機網站的關鍵詞處理策略也不同。對于響應方案，不同終端訪問的網頁代碼相同，因此不能在計算機和移動終端上設置不同的關鍵字。這無疑給百度關鍵詞優化增加了很大的障礙。

此外，百度的搜索排名也可以分為移動終端和計算機終端。在這方面，更適合使用獨立的移動終端網站專門做移動終端百度排名，不會影響計算機終端百度排名，兩個版本的網站百度優化也可以獨立進行。

因此，如果您的網站需要商業推廣，最好獨立制作移動網站，而不是使用響應性網站。

3.響應網站無法區分移動終端，浪費帶寬，加載時間長。

實現響應式（自適應）設計的方法通常是縮小或隱藏計算機網站的內容，以適應移動端的窄屏幕。但隱藏的內容仍將被加載，低分辨率設備將加載高質量的圖片或視頻，并提供相同大小的網頁，無論屏幕大小。這樣，響應網站加載的內容將比非響應網站增加20-50%。內容多，速度慢，流量浪費。在國內高流量費面前，用戶是想都不用想就會放棄使用你的網站的。

與非響應網站相比，響應網站的加載時間一般會延長1-2秒，在2秒內G、3G網絡情況更嚴重。而Google統計數據是加載時間每延長0.4秒就會有0.電子商務代表亞馬遜表示，59%的用戶流失每次延長0.1秒內會有1%的用戶流失，而信息門戶雅虎則是每延長0.5-9%的用戶將在4秒內丟失。所以你的響應式網站每天流失了多少用戶，你可以對號入座算一算。

網站建設公司" />

4.響應式對ie6、7、8瀏覽器簡直是悲劇。

在響應或自適應方案中有許多應用html只有先進的現代瀏覽器支持這些新特性，但在ie6、7、8幾乎看不見，甚至在ie9.10的表現只是不盡如人意。cnzz根據數據中心統計的國內瀏覽器利用率，ie占比高達36.29%，你能承受366%。.29%的用戶流失嗎？

響應式網站響應式設計自適應布局

響應網站在IE體驗可能會失去36.29%的用戶

現在你注意到為什么淘寶、天貓、京東、唯品會、騰訊、百度、新浪、360都不需要響應嗎？我們毫無疑問：響應或自適應只是一個坑。正確的方法是單獨建立計算機和移動終端網站。專門建立一個移動版本的網站是一個可行的規則，以便提供更靈活、更好的移動體驗和個性化和多樣化的設計。

我們可能會想，為什么市場上的響應性網站如此受歡迎？事實是，響應或自適應設計只是設計師的主觀決定。他們認為計算機網站界面不再適用于移動網站界面，然后必須做出相應的改變。甚至有更可笑的情況。程序員使用響應式來炫耀技術，網站建設公司拋出響應式，以顯得更高，欺騙更多的錢。在很多情況下，響應式的應用是不必要的，沒有什么值得追求的。

因此，我們的建議是：為您的計算機網站推出移動版本，重點關注網站信息顯示、網站性能、用戶體驗、經濟效益、用戶保留等關鍵點。

這里或許還有一件事，可能你并不知道，響應式之父EthanMarcotte還說，重要的是，響應式網頁設計的初衷不是取代移動網頁。