爲(for)什麽自适應（自适應）網站是(yes)一(one)個(indivual)陷阱

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

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