什么是自適應(yīng)網(wǎng)站？其實(shí)自適應(yīng)更多的說(shuō)法是響應(yīng)網(wǎng)站。在2010年5月，EthanMarcotte一般來(lái)說(shuō)，響應(yīng)網(wǎng)站的概念是，一個(gè)網(wǎng)站可以與不同的終端兼容，而不需要為每個(gè)分辨率設(shè)備制作一個(gè)特定版本的網(wǎng)站。近年來(lái)，隨著各種大屏幕移動(dòng)設(shè)備的普及，響應(yīng)網(wǎng)站也受到了更多人的青睞。大多數(shù)人甚至認(rèn)為響應(yīng)性網(wǎng)站是實(shí)現(xiàn)友好移動(dòng)目標(biāo)、更好、更快、更經(jīng)濟(jì)的解決方案。

但事實(shí)是這樣嗎？對(duì)于熱衷于響應(yīng)或自適應(yīng)的人來(lái)說(shuō)，不難想象網(wǎng)站適應(yīng)了移動(dòng)設(shè)備的顯示，界面非常漂亮。你可能認(rèn)為一切都很好，網(wǎng)站也實(shí)現(xiàn)了友好移動(dòng)的目標(biāo)。然而，不要太快樂(lè)。數(shù)據(jù)顯示，這種響應(yīng)設(shè)計(jì)將損失30-50%的用戶和經(jīng)濟(jì)效益。

想知道真相是什么？因?yàn)?strong>自適應(yīng)和響應(yīng)是一個(gè)坑！響應(yīng)網(wǎng)站有幾個(gè)致命缺點(diǎn):

1.響應(yīng)設(shè)計(jì)只是為了改善移動(dòng)體驗(yàn)而沒(méi)有優(yōu)化。

無(wú)論是自適應(yīng)設(shè)計(jì)還是響應(yīng)設(shè)計(jì)，其基本原則都是盡量不要因?yàn)椴煌脑O(shè)備而顯示不同的內(nèi)容（例如，在低分辨率的終端上刪除一些內(nèi)容）。試想一下，顯示在電腦1440上x(chóng)手機(jī)3200分辨率屏幕上的900分辨率屏幕內(nèi)容x顯示在240分辨率屏幕上，你會(huì)發(fā)現(xiàn)視覺(jué)區(qū)域變小，內(nèi)容擠在一起，頁(yè)面延長(zhǎng)，排版順序混亂，使用難度增加等等。因此，自適應(yīng)性和響應(yīng)性設(shè)計(jì)選擇性地隱藏內(nèi)容，以適應(yīng)小頁(yè)面，減少上述問(wèn)題。但這樣，頁(yè)面的性能效果就不那么理想了，交互體驗(yàn)也達(dá)不到移動(dòng)終端的優(yōu)勢(shì)。如果你不能很好地控制網(wǎng)站，它會(huì)給用戶一種不倫不類的感覺(jué)。

響應(yīng)式網(wǎng)站響應(yīng)式設(shè)計(jì)自適應(yīng)布局

移動(dòng)端上某響應(yīng)網(wǎng)站的顯示缺陷(右側(cè)為移動(dòng)版)

比如上面的響應(yīng)網(wǎng)站，右邊的移動(dòng)終端顯然隱藏了左邊電腦終端顯示的產(chǎn)品，對(duì)從電腦終端切換到移動(dòng)終端的用戶非常不友好。而動(dòng)終端的交互設(shè)計(jì)并不熟悉。還有一點(diǎn)很明顯，同一個(gè)網(wǎng)站的風(fēng)格差，感覺(jué)是兩個(gè)網(wǎng)站。如果是單獨(dú)設(shè)計(jì)的移動(dòng)網(wǎng)站，可以避免像上面響應(yīng)網(wǎng)站那樣顯示的突兀，比如下面電腦和移動(dòng)網(wǎng)站的對(duì)比:

響應(yīng)式網(wǎng)站響應(yīng)式設(shè)計(jì)自適應(yīng)布局

對(duì)比天貓電腦版和移動(dòng)版

從以上天貓的做法可以看出：個(gè)性化的宮格布局，流行的移動(dòng)界面，合理顯示網(wǎng)站信息。顯然，這些都是我們熟悉的移動(dòng)性能，在交互上更接近APP的UI風(fēng)格，用戶體驗(yàn)更好。為什么他們能在移動(dòng)端處理好網(wǎng)站的表現(xiàn)？因?yàn)樗麄兌紝ｉT制作了一個(gè)移動(dòng)網(wǎng)站，沒(méi)有使用自適應(yīng)設(shè)計(jì)，所以網(wǎng)站的設(shè)計(jì)不受自適應(yīng)方案的限制。

2.響應(yīng)設(shè)計(jì)不利于百度的關(guān)鍵詞優(yōu)化和排名。

由于用戶在不同終端的搜索習(xí)慣不同，百度對(duì)移動(dòng)網(wǎng)站和計(jì)算機(jī)網(wǎng)站的關(guān)鍵詞處理策略也不同。對(duì)于響應(yīng)方案，不同終端訪問(wèn)的網(wǎng)頁(yè)代碼相同，因此不能在計(jì)算機(jī)和移動(dòng)終端上設(shè)置不同的關(guān)鍵字。這無(wú)疑給百度關(guān)鍵詞優(yōu)化增加了很大的障礙。

此外，百度的搜索排名也可以分為移動(dòng)終端和計(jì)算機(jī)終端。在這方面，更適合使用獨(dú)立的移動(dòng)終端網(wǎng)站專門做移動(dòng)終端百度排名，不會(huì)影響計(jì)算機(jī)終端百度排名，兩個(gè)版本的網(wǎng)站百度優(yōu)化也可以獨(dú)立進(jìn)行。

因此，如果您的網(wǎng)站需要商業(yè)推廣，最好獨(dú)立制作移動(dòng)網(wǎng)站，而不是使用響應(yīng)性網(wǎng)站。

3.響應(yīng)網(wǎng)站無(wú)法區(qū)分移動(dòng)終端，浪費(fèi)帶寬，加載時(shí)間長(zhǎng)。

實(shí)現(xiàn)響應(yīng)式（自適應(yīng)）設(shè)計(jì)的方法通常是縮小或隱藏計(jì)算機(jī)網(wǎng)站的內(nèi)容，以適應(yīng)移動(dòng)端的窄屏幕。但隱藏的內(nèi)容仍將被加載，低分辨率設(shè)備將加載高質(zhì)量的圖片或視頻，并提供相同大小的網(wǎng)頁(yè)，無(wú)論屏幕大小。這樣，響應(yīng)網(wǎng)站加載的內(nèi)容將比非響應(yīng)網(wǎng)站增加20-50%。內(nèi)容多，速度慢，流量浪費(fèi)。在國(guó)內(nèi)高流量費(fèi)面前，用戶是想都不用想就會(huì)放棄使用你的網(wǎng)站的。

與非響應(yīng)網(wǎng)站相比，響應(yīng)網(wǎng)站的加載時(shí)間一般會(huì)延長(zhǎng)1-2秒，在2秒內(nèi)G、3G網(wǎng)絡(luò)情況更嚴(yán)重。而Google統(tǒng)計(jì)數(shù)據(jù)是加載時(shí)間每延長(zhǎng)0.4秒就會(huì)有0.電子商務(wù)代表亞馬遜表示，59%的用戶流失每次延長(zhǎng)0.1秒內(nèi)會(huì)有1%的用戶流失，而信息門戶雅虎則是每延長(zhǎng)0.5-9%的用戶將在4秒內(nèi)丟失。所以你的響應(yīng)式網(wǎng)站每天流失了多少用戶，你可以對(duì)號(hào)入座算一算。

網(wǎng)站建設(shè)公司" />

4.響應(yīng)式對(duì)ie6、7、8瀏覽器簡(jiǎn)直是悲劇。

在響應(yīng)或自適應(yīng)方案中有許多應(yīng)用html只有先進(jìn)的現(xiàn)代瀏覽器支持這些新特性，但在ie6、7、8幾乎看不見(jiàn)，甚至在ie9.10的表現(xiàn)只是不盡如人意。cnzz根據(jù)數(shù)據(jù)中心統(tǒng)計(jì)的國(guó)內(nèi)瀏覽器利用率，ie占比高達(dá)36.29%，你能承受366%。.29%的用戶流失嗎？

響應(yīng)式網(wǎng)站響應(yīng)式設(shè)計(jì)自適應(yīng)布局

響應(yīng)網(wǎng)站在IE體驗(yàn)可能會(huì)失去36.29%的用戶

現(xiàn)在你注意到為什么淘寶、天貓、京東、唯品會(huì)、騰訊、百度、新浪、360都不需要響應(yīng)嗎？我們毫無(wú)疑問(wèn)：響應(yīng)或自適應(yīng)只是一個(gè)坑。正確的方法是單獨(dú)建立計(jì)算機(jī)和移動(dòng)終端網(wǎng)站。專門建立一個(gè)移動(dòng)版本的網(wǎng)站是一個(gè)可行的規(guī)則，以便提供更靈活、更好的移動(dòng)體驗(yàn)和個(gè)性化和多樣化的設(shè)計(jì)。

我們可能會(huì)想，為什么市場(chǎng)上的響應(yīng)性網(wǎng)站如此受歡迎？事實(shí)是，響應(yīng)或自適應(yīng)設(shè)計(jì)只是設(shè)計(jì)師的主觀決定。他們認(rèn)為計(jì)算機(jī)網(wǎng)站界面不再適用于移動(dòng)網(wǎng)站界面，然后必須做出相應(yīng)的改變。甚至有更可笑的情況。程序員使用響應(yīng)式來(lái)炫耀技術(shù)，網(wǎng)站建設(shè)公司拋出響應(yīng)式，以顯得更高，欺騙更多的錢。在很多情況下，響應(yīng)式的應(yīng)用是不必要的，沒(méi)有什么值得追求的。

因此，我們的建議是：為您的計(jì)算機(jī)網(wǎng)站推出移動(dòng)版本，重點(diǎn)關(guān)注網(wǎng)站信息顯示、網(wǎng)站性能、用戶體驗(yàn)、經(jīng)濟(jì)效益、用戶保留等關(guān)鍵點(diǎn)。

這里或許還有一件事，可能你并不知道，響應(yīng)式之父EthanMarcotte還說(shuō)，重要的是，響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)的初衷不是取代移動(dòng)網(wǎng)頁(yè)。