爲什麽自适應（自适應）網站是一(yī)個陷阱

什麽是響應式網站？ 實際上，自适應和更專業的論據是響應式網站。 在2010年5月，由Ethan Marcotte用外(wài)行的術語提出的響應式網站的概念是，一(yī)個網站可以與不同的終端兼容，而不必爲每個分(fēn)辨率設備制作特定版本的網站。 近年來，各種大(dà)屏幕移動設備和響應式網站的普及也受到了更多人的青睐。 甚至大(dà)多數人都認爲響應式網站是實現友好移動目标的更好，更快，更經濟的解決方案。
  但是是這樣嗎(ma)？ 不難想象人們具有響應能力或适應能力：網站适應了移動設備的顯示，界面也非常漂亮，您可能會感覺一(yī)切都很好，并且網站也達到了友好移動的目标 。 但是，不要太高興，數據表明，這種響應式設計會使您的用戶和經濟利益損失30-50％。
  想知(zhī)道真相嗎(ma)？ 因爲自适應和響應式隻是一(yī)個坑！ 響應式網站有幾個緻命的缺點：
  1.響應式設計隻是爲了改善移動體(tǐ)驗，尚未進行優化。
  無論是自适應設計還是響應設計，它們的基本原理都是：盡量不要因爲設備不同而顯示不同的内容（例如某些内容将在低分(fēn)辨率終端上删除）。 假設計算機的1440x900分(fēn)辨率屏幕上顯示的内容顯示在手機的320x240分(fēn)辨率屏幕上。 您會發現可見區域變小(xiǎo)，内容擁擠在一(yī)起，頁面拉長，布局順序混亂，使用難度增加等。 因此，自适應和響應設計将選擇性地隐藏内容以适應小(xiǎo)頁面并減少上述問題。 但是以這種方式，頁面的性能不是很理想，并且交互式體(tǐ)驗對于移動終端不是最佳的。 如果網站管理不善，将給用戶帶來難以形容的感覺。
  移動終端上響應式網站的顯示缺陷（右側的移動版本）
  例如，在上方的響應式網站上，右側的移動終端顯然隐藏了左側計算機終端上顯示的産品，這對于用戶從計算機終端切換到移動終端非常不友好。 移動終端的交互設計對我(wǒ)們來說并不熟悉。 同樣明顯的是，同一(yī)網站的樣式差異如此之大(dà)，以至于感覺就像是兩個網站。 如果它是一(yī)個單獨設計的移動網站，則可以避免像上面的響應網站那樣突然顯示。 例如，以下(xià)是一(yī)些計算機網站和移動網站之間的比較：
  騰訊版電(diàn)腦版與手機版比較
  一(yī)個
  天貓商(shāng)城電(diàn)腦版與手機版比較
  360官網電(diàn)腦版和手機版對比
  從騰訊，天貓，360等實踐來看，我(wǒ)們可以看到：個性化的宮殿布局，流行的移動終端界面以及合理的網站信息顯示。 顯然，這些是我(wǒ)們所熟悉的移動性能，交互性更接近于APP的UI風格，并且用戶體(tǐ)驗更好。 他們爲什麽能很好地處理網站在移動終端上的表現？ 由于他們都是網站的移動版本，并且沒有采用自适應設計，因此，網站的設計不受自适應解決方案的限制。
  2.響應式設計和

不利于百度的關鍵字優化和排名。
  由于用戶在不同的終端上有不同的搜索習慣，因此百度針對移動網站和計算機網站的關鍵字處理策略也有所不同。 對于響應式解決方案，不同終端訪問的網頁代碼相同，因此無法在計算機和移動終端上設置不同的關鍵字。 這無疑是百度關鍵字優化的一(yī)大(dà)障礙。
  另外(wài)，百度的搜索排名也分(fēn)爲手機和電(diàn)腦。 在這方面，更适合使用專門用于移動百度排名的獨立移動網站，這樣就不會影響計算機的百度排名。 這兩個版本的網站百度優化也可以獨立進行。
  因此，如果您的網站需要進行商(shāng)業推廣，最好是獨立制作移動網站，而不要使用響應式網站。
  3.響應性網站無法區分(fēn)移動終端，浪費(fèi)帶寬和費(fèi)時的負載。
  響應式（自适應）設計的實現通常是減少或隐藏網站的計算機版本的内容，以使其适應移動終端的狹窄屏幕。 但是，仍将加載隐藏的内容，并且低分(fēn)辨率設備将加載高質量的圖片或視頻(pín)，并提供大(dà)小(xiǎo)相同的網頁，而與屏幕大(dà)小(xiǎo)無關。 在這種情況下(xià)，與非響應式網站相比，在響應式網站上加載的内容将增加20-50％。 加載更多内容，速度變慢(màn)，浪費(fèi)流量。 面對高昂的國内流量費(fèi)用，用戶會無所顧忌地放(fàng)棄使用您的網站。
  與非響應式網站相比，響應式網站的加載時間通常要長1-2秒，這在2G和3G網絡的情況下(xià)更爲嚴重。 根據Google的統計數據，每延長0.4秒的加載時間，就會有0.59％的用戶丢失。 電(diàn)子商(shāng)務代表亞馬遜表示，每擴展0.1秒，将丢失1％的用戶。 在0.4秒内，将丢失5-9％的用戶。 因此，您可以計算每天在響應式網站上丢失的用戶數量。
  4.響應能力對于ie6,7,8浏覽器是一(yī)個悲劇。
  在自适應或自适應解決方案中(zhōng)，使用了許多新的HTML5功能，而這些新功能僅由高級現代浏覽器支持，這些功能在ie6,7,8甚至在ie9,10的性能中(zhōng)幾乎是看不見的。  。 從cnzz數據中(zhōng)心的國内浏覽器使用率來看，即高達36.29％。 您能否承受掉36.29％的用戶損失？
  IE上的響應式網站體(tǐ)驗可能會失去(qù)36.29％的用戶
  現在您已經注意到，無論是淘寶，天貓，京東，唯品會，還是騰訊，百度，新浪360，爲什麽不使用響應能力？ 毫無疑問，自适應或自适應隻是一(yī)個陷阱。 正确的方法是分(fēn)别構建計算機和移動站點。 建立網站的移動版本是一(yī)個可行的規則，以便更加靈活，提供更專業和更好的移動體(tǐ)驗以及個性化和多樣化的設計。
  我(wǒ)們可能想知(zhī)道爲什麽自适應網站在市場上如此受歡迎？ 事實是響應式或自适應設計隻是設計師的主觀決定。 他們認爲計算機網站界面不再适用于移動網站界面，因此他們必須進行相應的更改。 甚至還有更荒謬的情況，程序員(yuán)使用響應能力來炫耀技術，而建站公司則抛出響應能力來顯得有些作弊。 在許多情況下(xià)，不需要使用響應能力，也沒有值得追求的東西。
  因此，我(wǒ)們的建議是：最好爲您的計算機網站啓動一(yī)個移動版本，重點放(fàng)在網站信息顯示，網站性能，用戶體(tǐ)驗，經濟利益，用戶保留等方面。
  響應之父Ethan Marcotte在這裏可能還有另外(wài)一(yī)件事，也許您不知(zhī)道，“最重要的是響應式Web設計的初衷不是取代移動網頁。”