有關如何區(qū)分響應式網(wǎng)站和自適應網(wǎng)站，可以參考之前的一篇文章：SiteServer CMS 如何實現(xiàn)響應式網(wǎng)站---原理篇。

今天想要講的是響應式網(wǎng)站四個致命缺陷：

1、響應式站用戶體驗不能最優(yōu)化

響應式網(wǎng)站設計基本原則是：自動識別屏幕尺寸并做出相應調(diào)整的網(wǎng)頁設計，頁面布局和展示的內(nèi)容可能會隨著屏幕尺寸變化而有所變化。響應式布局不管使用什么設備都是在服務器把數(shù)據(jù)推送到瀏覽器后，腳本或CSS自行檢測設備屏幕大小后執(zhí)行對應的樣式表內(nèi)容，并且一直通過本地腳本在監(jiān)聽屏幕大小的變化，隨時做出樣式響應的變化。

比如在1280x768分辨率的電腦屏幕上和在320x240分辨率的手機屏幕上顯示一樣的內(nèi)容的話，內(nèi)容都擠一起無法看清楚。所以響應式設計是選擇把部分內(nèi)容隱藏來解決這個問題。但這樣的話頁面的表現(xiàn)效果就不是那么好了，用戶的交互體驗也非常不友好。

比如下面這個響應式網(wǎng)站，右邊移動端和左邊電腦端相比，把產(chǎn)品展示模板隱藏了，這對用戶體驗是非常不友好的。而且左邊明顯不符合我們平�？吹降囊苿佣说脑O計。同一個網(wǎng)站PC端和移動端風格差異太大，感覺就是兩個沒有任何聯(lián)系的網(wǎng)站。

如果是單獨設計PC站和移動站，就能整體考慮規(guī)劃，設計成一個整體風格類似功能相同的網(wǎng)站，避免像上面這種顯示上的突兀，比如天貓PC站和移動站的對比：

從天貓的做法可以看到：移動站界面是大家熟悉的和流行的，交互上更接近APP的UI風格。

2、響應式設計并不利于SEO和推廣

百度對移動站和PC站的關鍵詞處理策略不盡相同。如果網(wǎng)站設計成響應式， 所有設備訪問同一份代碼，這就非常不利于百度關鍵詞優(yōu)化。

而且百度的搜索排名是區(qū)分移動站和PC站的。如果PC站和移動站是獨立分開的，那么移動站所做的百度排名，不會影響PC站的排名，PC站的百度優(yōu)化也可以獨立于移動站進行。

從商業(yè)推廣的角度來看的話，移動站和PC站分開單獨做比設計成一個統(tǒng)一的響應式網(wǎng)站會更好。

3、響應式網(wǎng)站代碼冗余，打開速度慢

響應式網(wǎng)站的實現(xiàn)原理通常是通過css或js來控制部分內(nèi)容顯示或不顯示，從而使得網(wǎng)站在移動設備上看起來也正常。但通過代碼不顯示的內(nèi)容其實依然還在頁面上，只是表面看不見（不顯示）了而矣，所以瀏覽器依然還會加載這部分看不見的網(wǎng)頁代碼。也就是說響應式網(wǎng)站要比單獨的非響應式網(wǎng)站加載更多的數(shù)據(jù)，從而造成流量增加，而且網(wǎng)頁的打開速度變慢。

比如說單獨設計一個移動端網(wǎng)站，整個頁面大小可能是100kb，如果設計成響應式網(wǎng)站（PC站和移動站代碼合在一起）則頁面大小可能就是400kb甚至更多。導致打開響應式網(wǎng)站的時間相比非響應式會慢很多，尤其是手機在用2G、3G網(wǎng)絡上網(wǎng)的情況下更明顯。

4、響應式兼容性差

響應式網(wǎng)站算是比較新的技術了，運用了很多html5的特性，只有瀏覽器的高版本才支持這些html5特性，尤其是微軟的IE瀏覽器對這一塊的支持比較弱。