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

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

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

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

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

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

在移動端顯示響應式網站的缺陷（右側的移動版本）

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

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

天貓PC和移動版本

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

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

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

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

因此，如果您的網站需要商業化，那么最好使用網站的移動版本，而不是使用響應式網站。

3.響應類型網站無法區分移動終端，浪費帶寬，并且加載需要很長時間。

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

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

4.響應ie6,7,8瀏覽器簡直就是悲劇。

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

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

響應式網站體驗或在IE上失去36.29％的用戶

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

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

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

可能還有一件事，也許你不知道，響應的父親Ethan Marcotte也說，“重要的是響應式網頁設計并不是要取代移動網頁。”