廈門網(wǎng)站建設(shè):為什么響應(yīng)式（自適應(yīng)）網(wǎng)站是一個(gè)坑
關(guān)鍵字：數(shù)據(jù)公司2016-11-23
廈門網(wǎng)站建設(shè):什么是自適應(yīng)網(wǎng)站？其實(shí)自適應(yīng)更專業(yè)的說法是自適應(yīng)網(wǎng)頁設(shè)計(jì)也是響應(yīng)式網(wǎng)頁設(shè)計(jì)，響應(yīng)式網(wǎng)頁設(shè)計(jì)也是自適應(yīng)網(wǎng)頁設(shè)計(jì)。但是真正的細(xì)分起來，自適應(yīng)只是響應(yīng)式的一個(gè)子集，指網(wǎng)頁中整體大圖的自適應(yīng)或者banner的自適應(yīng)。在2010年5月，Ethan Marcotte提出的響應(yīng)式網(wǎng)站的概念，通俗的說，就是一個(gè)網(wǎng)站可以兼容不同的終端，不用為每個(gè)分辨率設(shè)備做一個(gè)特定的版本的網(wǎng)站。近年來，各種大屏幕移動設(shè)備的普及，響應(yīng)式網(wǎng)站也受到了更多人的青睞。甚至大多數(shù)的人認(rèn)為，響應(yīng)式網(wǎng)站是實(shí)現(xiàn)友好移動目標(biāo)，更好、更快、更省的方案。
但事實(shí)又是否這樣呢？對熱衷響應(yīng)式或自適應(yīng)的人，不難想象：網(wǎng)站適應(yīng)了移動設(shè)備的顯示，界面也非常美觀，你可能覺得一切都很好，網(wǎng)站也實(shí)現(xiàn)了友好移動的目標(biāo)。然而不要開心得太早，數(shù)據(jù)表明：這種響應(yīng)式設(shè)計(jì)，會令你的用戶和經(jīng)濟(jì)效益流失30-50%。
想知道真相是什么？因?yàn)樽赃m應(yīng)和響應(yīng)式根本就是一個(gè)坑！響應(yīng)式網(wǎng)站有幾個(gè)致命缺點(diǎn)：
1.響應(yīng)式設(shè)計(jì)僅是改善移動體驗(yàn)并沒達(dá)到最優(yōu)化。
不管是自適應(yīng)設(shè)計(jì)，還是響應(yīng)式設(shè)計(jì)，它們的基本原則是：盡可能不要因?yàn)樵O(shè)備不同而導(dǎo)致顯示不同的內(nèi)容（比如在低分辯率的終端上會刪減某些內(nèi)容）。試想，顯示在電腦1440x900分辨率屏幕上的內(nèi)容，要在手機(jī)的320x240分辨率屏幕上顯示，你會發(fā)現(xiàn)，可視區(qū)域變小，內(nèi)容都擠一起，頁面拉長，排版順序錯(cuò)亂，使用困難度增加等等。所以自適應(yīng)和響應(yīng)式設(shè)計(jì)，都是選擇性把內(nèi)容隱藏，以適應(yīng)小頁面，減少上述的問題出現(xiàn)。但這樣一來，頁面的表現(xiàn)效果就沒那么理想了，交互體驗(yàn)也達(dá)不到移動端的最優(yōu)，把控不好網(wǎng)站就會給用戶不倫不類的感覺。
2.響應(yīng)式設(shè)計(jì)并不利于百度的關(guān)鍵詞優(yōu)化和排名。
因?yàn)橛脩粼诓煌K端的搜索習(xí)慣不同，所以百度對移動網(wǎng)站和電腦網(wǎng)站的關(guān)鍵詞處理策略也不相同。而對于響應(yīng)式的方案，不同終端訪問到的網(wǎng)頁代碼是一樣的，這樣就不能在電腦端和移動端設(shè)置不同的關(guān)鍵詞。這無疑是給百度關(guān)鍵詞優(yōu)化增添了大大的阻礙。
另外，百度的搜索排名也是有移動端和電腦端之分的。針對這方面，更適合使用獨(dú)立的移動端網(wǎng)站專門做移動端的百度排名，這樣不會影響電腦端的百度排名，兩個(gè)版本的網(wǎng)站百度優(yōu)化也可以獨(dú)立進(jìn)行。
所以，如果你的網(wǎng)站需要進(jìn)行商業(yè)推廣的話，那還是獨(dú)立做一個(gè)移動版網(wǎng)站更好，而不是使用響應(yīng)式網(wǎng)站。
3.響應(yīng)式網(wǎng)站無法區(qū)分移動端，浪費(fèi)帶寬，加載耗時(shí)長。
響應(yīng)式（自適應(yīng)）設(shè)計(jì)的實(shí)現(xiàn)方式，往往是縮小或者隱藏電腦版網(wǎng)站的內(nèi)容，使之適應(yīng)移動端的窄屏。但隱藏的內(nèi)容依然會加載，低分辨率設(shè)備會加載高質(zhì)量的圖片或者視頻，不分屏幕尺寸都提供相同大小的網(wǎng)頁。這樣的話，響應(yīng)式網(wǎng)站加載的內(nèi)容相比非響應(yīng)式網(wǎng)站會增加20-50%。加載內(nèi)容多，速度慢，浪費(fèi)流量。在國內(nèi)高流量費(fèi)面前，用戶是想都不用想就會放棄使用你的網(wǎng)站的。
響應(yīng)式網(wǎng)站相對非響應(yīng)式網(wǎng)站的加載耗時(shí)，一般都會延長1-2秒，在2G、3G網(wǎng)絡(luò)情況下更嚴(yán)重。而Google統(tǒng)計(jì)的數(shù)據(jù)是加載時(shí)間每延長0.4秒就會有0.59%的用戶流失，電商類代表亞馬遜則表示每延長0.1秒就會有1%的用戶流失，資訊門戶類的雅虎則是每延長0.4秒就會流失5-9%的用戶。所以你的響應(yīng)式網(wǎng)站每天流失了多少用戶，你可以對號入座算一算。
4.響應(yīng)式對于ie6,7,8瀏覽器簡直是悲劇。
響應(yīng)式或者自適應(yīng)方案里，運(yùn)用了很多html5新特性，而這些新特性只有高級的現(xiàn)代瀏覽器才支持，而在ie6,7,8來說幾乎是看不了的，甚至在ie9,10的表現(xiàn)也只是差強(qiáng)人意。從cnzz數(shù)據(jù)中心統(tǒng)計(jì)的國內(nèi)瀏覽器使用率來看，ie占比高達(dá)36.29%。請問你能承受36.29%的用戶流失嗎？
現(xiàn)在你是否已經(jīng)察覺，不管是淘寶、天貓、京東、唯品會，還是騰訊、百度、新浪、360為什么都不用響應(yīng)式了吧？我們絲毫不會懷疑：響應(yīng)式或自適應(yīng)僅僅是一個(gè)坑。而正確的做法是分開建設(shè)電腦端和移動端網(wǎng)站。專門建設(shè)一個(gè)移動版的網(wǎng)站才是可行的法則，這樣才能更靈活，提供更專業(yè)、更優(yōu)的移動體驗(yàn)和個(gè)性化、多樣化的設(shè)計(jì)。
我們可能會疑問為什么市場上響應(yīng)式網(wǎng)站會那么火？真相是，響應(yīng)式或自適應(yīng)設(shè)計(jì)，僅是是設(shè)計(jì)師的主觀決定，他們認(rèn)為電腦網(wǎng)站界面不再適用移動網(wǎng)站界面，然后非作出相應(yīng)的改變不可。甚至存在更可笑的情況，程序員為了賣弄技術(shù)而使用響應(yīng)式，建站公司為了顯得更高大上多騙點(diǎn)錢而拋出響應(yīng)式等等。響應(yīng)式的運(yùn)用在很多情況下都是沒必要的，也沒什么值得大家去追棒。
所以我們的建議就是：最好為你的電腦網(wǎng)站推出移動版本，將關(guān)注重點(diǎn)要放在網(wǎng)站信息展示、網(wǎng)站性能、用戶體驗(yàn)、經(jīng)濟(jì)效益、用戶留存等關(guān)鍵點(diǎn)上。
這里或許還有一件事，可能你并不知道，響應(yīng)式之父Ethan Marcotte還說過，“最重要的是，響應(yīng)式網(wǎng)頁設(shè)計(jì)的初衷不是要取代移動網(wǎng)頁”。(廈門網(wǎng)站建設(shè)文章來自百度新聞)