響應式（自適應）網站的優點，缺點大PK

近年來，各種大屏幕移動設備的普及，響應式網站也受到了更多人的青睞。甚至大多數的人認為，響應式網站是實現友好移動目標，更好、更快、更省的方案。通俗的說，就是一個網站可以兼容不同的終端，不用為每個分辨率設備做一個特定的版本的網站。

那么響應式有什么優缺點呢？咱們接下來扒一扒……

H5響應式網站有什么優勢

1)提升用戶體驗，降低網站跳出率

頁面的設計與開發應當根據用戶行為以及設備環境(系統平臺、屏幕尺寸、屏幕定向等)進行相應的響應和調整。無論用戶正在使用什么設備，網站頁面都能夠自動切換分辨率、圖片尺寸及相關腳本功能等；換句話說，響應式網頁設計就是一個網站能夠兼容多個終端，很大程度上減少企業建站成本的投入。

用戶體驗的提升，持續不斷的為用戶傳播品牌價值以及營銷信息，降低用戶的跳出率，最終為達成合作創造機會。試想一個加載不全、模糊不清、甚至扭曲排版的頁面，瀏覽者一定會在第一時間點擊“關閉”按鈕，因為現在用戶的選擇機會太多了。因此，企業網站是不是響應式是營銷成功的第一步。

2）優化轉化率，傳播更高效

響應式網站可以兼容任何設備，并且很好的保留了網站原先想要突出的重點，例如導航條、中心布局里的內容以及重點消息等。這樣會更利于傳播，更快的將瀏覽轉化為流量、更好的將流量轉化為利益。

據統計，現在已經超過50%的互聯網用戶使用手機端進行瀏覽，因此盡快把營銷視線轉移到手機端的網站建設上來，這是營銷轉換的重要點。

3）搜索引擎的偏愛，高排名占據先機

現在許多搜索引擎巨頭，都更“偏愛”響應式網站，尤其是谷歌，它會更喜歡優化響應式設計的網頁。H5響應式網站更容易被谷歌等搜索引擎抓取、索引，最終對網站SEO優化起到很大的幫助，像很多企業運用H5自助建站系統建站寶盒搭建的響應式網站，其網站的收錄量明顯比傳統網站好很多，排名效果也著實讓人滿意。因此為了更好的搜索引擎優化，你的營銷戰略里也應該放進建設響應式網站這一點。

4）時間和成本的雙重效率

現在的H5響應式網站是時間和成本的雙重效率，因為它不僅可以節約建設的時間，同時還降低了建站的成本。因為在過去想要實現響應式網站，那就需要針對每一種不同的設備進行網站建設，這是一件費時又費力的事情。但是現在，基于設備的特性以及屏幕分辨率，一個H5響應式網站就可以解決企業建站的問題，實現全網覆蓋，轉化機會也會隨之提高，最終贏得營銷的勝利。

H5響應式網站有什么略勢

對熱衷響應式或自適應的人，不難想象：網站適應了移動設備的顯示，界面也非常美觀，你可能覺得一切都很好，網站也實現了友好移動的目標。然而數據表明：這種響應式設計，會令你的用戶和經濟效益流失30-50%?。?！

什么？！響應式竟然是個坑！

1.響應式設計僅是改善移動體驗并沒達到最優化。

不管是自適應設計，還是響應式設計，它們的基本原則是：盡可能不要因為設備不同而導致顯示不同的內容（比如在低分辯率的終端上會刪減某些內容）。試想，顯示在電腦1440x900分辨率屏幕上的內容，要在手機的320x240分辨率屏幕上顯示，你會發現，可視區域變小，內容都擠一起，頁面拉長，排版順序錯亂，使用困難度增加等等。所以自適應和響應式設計，都是選擇性把內容隱藏，以適應小頁面，減少上述的問題出現。但這樣一來，頁面的表現效果就沒那么理想了，交互體驗也達不到移動端的最優，把控不好網站就會給用戶不倫不類的感覺。

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

因為用戶在不同終端的搜索習慣不同，所以百度對移動網站和電腦網站的關鍵詞處理策略也不相同。而對于響應式的方案，不同終端訪問到的網頁代碼是一樣的，這樣就不能在電腦端和移動端設置不同的關鍵詞。這無疑是給百度關鍵詞優化增添了大大的阻礙。

另外，百度的搜索排名也是有移動端和電腦端之分的。針對這方面，更適合使用獨立的移動端網站專門做移動端的百度排名，這樣不會影響電腦端的百度排名，兩個版本的網站百度優化也可以獨立進行。

所以，如果你的網站需要進行商業推廣的話，那還是獨立做一個移動版網站更好，而不是使用響應式網站。

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

響應式（自適應）設計的實現方式，往往是縮小或者隱藏電腦版網站的內容，使之適應移動端的窄屏。但隱藏的內容依然會加載，低分辨率設備會加載高質量的圖片或者視頻，不分屏幕尺寸都提供相同大小的網頁。這樣的話，響應式網站加載的內容相比非響應式網站會增加20-50%。加載內容多，速度慢，浪費流量。在國內高流量費面前，用戶是想都不用想就會放棄使用你的網站的。

響應式網站相對非響應式網站的加載耗時，一般都會延長1-2秒，在2G、3G網絡情況下更嚴重。而Google統計的數據是加載時間每延長0.4秒就會有0.59%的用戶流失，電商類代表亞馬遜則表示每延長0.1秒就會有1%的用戶流失，資訊門戶類的雅虎則是每延長0.4秒就會流失5-9%的用戶。所以你的響應式網站每天流失了多少用戶，你可以對號入座算一算。

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

響應式或者自適應方案里，運用了很多html5新特性，而這些新特性只有高級的現代瀏覽器才支持，而在ie6,7,8來說幾乎是看不了的，甚至在ie9,10的表現也只是差強人意。從cnzz數據中心統計的國內瀏覽器使用率來看，ie占比高達36.29%。請問你能承受36.29%的用戶流失嗎？

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