为什麼(me)响应式（自适应）网站是一个坑

来源：小编 | 2023-01-04 22:28:51

什麼(me)是自适应网站？其实自适应更专业的說(shuō)法是响应式网照報站。通俗的說(shuō)，就(jiù)是一个网站可以兼容不同的终端，為熱不用为每个分辨率设备做一个特定的版本的网站。近年来，各種(zh技師ǒng)大屏幕移动设备的普及，响应式网站也受到(dào)了更多人的青睐。甚至大跳間多数的人认为，响应式网站是实现友好(hǎo)移动目标，更好(hǎo)、更快、更服家省的方案。 

但事(shì)实又是否這(zhè)樣(yàng)呢？對(duì)微很热衷响应式或自适应的人，不难想象：网站适应了移动设备的显示，界面木市(miàn)也非常美观，你可能(néng)觉得一切都(dōu)姐聽很好(hǎo)，网站也实现了友好(hǎo)移动的目标。然而不水好要開(kāi)心得太早，数据表明：這(zhè)種(zhǒng)响应式设计，會(近月huì)令你的用户和經(jīng)济效益流失30-50%。&nbs計件p;

想知道(dào)真相是什麼(me)？因为自适应和响应式根本就(j腦唱iù)是一个坑！响应式网站有几个致命缺点： 

1.响应式设计仅是改善移动体验并沒(méi)达到(dào)最优化。 得紙

不管是自适应设计，還(hái)是响应式设计，它们的基本原则是：尽可能(néng醫業)不要因为设备不同而导致显示不同的内容（比如在低分辩率的终端上開一會(huì)删减某些内容）。试想，显示在电脑1440x900分辨率屏幕上的紅畫内容，要在手机的320x240分辨率屏幕上显示，你會(huì)發秒鄉(fā)现，可视区域变小，内容都(dōu)挤一起(qǐ)，页面也船(miàn)拉長(cháng)，排版顺序错乱，使用困难度增加等等。校些所以自适应和响应式设计，都(dōu)是选择性把内容隐藏，以适市購应小页面(miàn)，减少上述的问题出现。但這(zhè)樣(yàng)一来讀大，页面(miàn)的表现效果就(jiù)沒(méi)那麼(me)理想了，交互体數數验也达不到(dào)移动端的最优，把控不好(hǎo)网站就(jiù)來司會(huì)给用户不伦不类的感觉。 

响应式网站，右边移动端明显將(jiāng)在左边电脑端有展示的产品都(dōu是女)隐藏了，這(zhè)對(duì)从电脑端切换到(dào)移动端的用愛民户是很不友好(hǎo)的。而且移动端的交互设计也不是我们熟悉的朋笑。還(hái)有很明显的一点是，同一个网站风格差异却如此大，謝吃感觉就(jiù)是兩(liǎng)个网站。如果是单独设计的移动网站，它就(弟內jiù)能(néng)避免像上面(miàn)响应式网站那種(zhǒng睡她)显示上的突兀。 从腾讯、天猫、360等它们的做法看到(dào海路)：个性化的宫格布局，流行的移动端界面(miàn)，合理地显示网站信息。显然妹外這(zhè)些才是我们所熟悉的移动端表现，交互上更贴近APP的鐵務UI风格，更好(hǎo)的用户体验。为什麼(me)他们能(né跳風ng)把网站在移动端的表现处理得如此好(hǎo)？因为他们都(d銀山ōu)是专门做了一个移动版的网站，并沒(méi)有采用自适应设计，因此，网黃店站的设计沒(méi)有受到(dào)自适应方案的限制。 

2.响应式设计并不利于百度的关键词优化和排名。 

因为用户在不同终端的搜索习惯不同，所以百度對(duì)移动网站和电脑网站的关键放照词处理策略也不相同。而對(duì)于响应式的方案，不同终端访问到(dào)到樹的网页代码是一樣(yàng)的，這(zhè)樣(yàng)就(jiù)歌知不能(néng)在电脑端和移动端设置不同的关键词。這(zhè秒分)无疑是给百度关键词优化增添了大大的阻碍。 另外，百度的搜索一朋排名也是有移动端和电脑端之分的。针對(duì)這(zhè)方面(mià北白n)，更适合使用独立的移动端网站专门做移动端的百度排名，這(zhè)樣(yà謝外ng)不會(huì)影响电脑端的百度排名，兩(liǎng)个版本的网站百度土筆优化也可以独立進(jìn)行。 所以，如果你的网站需要進(jì上和n)行商业推广的话，那還(hái)是独立做一个移动版网站更好媽鐘(hǎo)，而不是使用响应式网站。 

3.响应式网站无法区分移动端，浪费带宽，加载耗時(shí)長(cháng短劇)。 

响应式（自适应）设计的实现方式，往往是缩小或者隐藏电脑版网站的内容機費，使之适应移动端的窄屏。但隐藏的内容依然會(huì)加载，低分辨率设备會(hu笑機ì)加载高质量的图片或者视频，不分屏幕尺寸都(dōu)提供相同大小務校的网页。這(zhè)樣(yàng)的话，响应式网站加载的内容相比非响应式南高网站會(huì)增加20-50%。加载内容多，速度慢，浪费流量間多。在國(guó)内高流量费面(miàn)前，用户是想都(dōu)不用想就(湖志jiù)會(huì)放弃使用你的网站的。 响应式网站相對(duì)非响去習应式网站的加载耗時(shí)，一般都(dōu)會(huì)延長(chá員樂ng)1-2秒，在2G、3G网络情况下更严重。而Google统计的数据老門是加载時(shí)间每延長(cháng)0.4秒就(jiù)會(子電huì)有0.59%的用户流失，电商类代表亚马逊则表示每延長(cháng)0.兵身1秒就(jiù)會(huì)有1%的用户流失，资讯门户类的雅虎则是每延長(用低cháng)0.4秒就(jiù)會(huì)流失5-9%的用户紙劇。所以你的响应式网站每天流失了多少用户，你可以對(duì)号入座算一的內算。 

4.响应式對(duì)于ie6,7,8浏览器简直是悲剧。 見老;

响应式或者自适应方案裡(lǐ)，运用了很多html5新特性，而這(化舞zhè)些新特性只有高级的现代浏览器才支持，而在ie6,7,8来說(理樹shuō)几乎是看不了的，甚至在ie9,10的表现也只是差强人意業歌。从cnzz数据中心统计的國(guó)内浏览器使用率来看，ie占比高达習錢36.29%。请问你能(néng)承受36.29%的用户流失吗？&nb雪要sp;

响应式网站在IE上体验或將(jiāng)失去36.29%的用户 现好門在你是否已經(jīng)察觉，不管是淘宝、天猫、京东、唯品會(huì什亮)，還(hái)是腾讯、百度、新浪、360为什麼(me)都(dōu)不用响应式劇家了吧？我们丝毫不會(huì)怀疑：响应式或自适应仅仅是一个坑。而正确坐媽的做法是分開(kāi)建设电脑端和移动端网站。专门建设一个移动版的网站才是能關可行的法则，這(zhè)樣(yàng)才能(néng)更灵活，提供更专业、更优錯做的移动体验和个性化、多樣(yàng)化的设计。 

我们可能(néng)會(huì)疑问为什麼(me)市场上响应式网站會(工熱huì)那麼(me)火？真相是，响应式或自适应设计，仅是是设计师的劇學主观决定，他们认为电脑网站界面(miàn)不再适用移动网站界面(miàn睡通)，然後(hòu)非作出相应的改变不可。甚至存在更可笑的情况，程序员为了卖弄技可鐘术而使用响应式，建站公司为了显得更高大上多骗点钱而抛出响应式等等。很問响应式的运用在很多情况下都(dōu)是沒(méi)必要的，也沒(méi)什裡要麼(me)值得大家去追棒。 

所以我的建议就(jiù)是：最好(hǎo)为你的电脑网站推出移动兒國版本，將(jiāng)关注重点要放在网站信息展示、网站性能(néng)、公厭用户体验、經(jīng)济效益、用户留存等关键点上。 這(zhè)件商裡(lǐ)或许還(hái)有一件事(shì)，可能(néng)你并兒她不知道(dào)，响应式之父Ethan Marcotte還(hái)說藍中(shuō)過(guò)，“最重要的是，响应式网页设计的初衷不是要取代移頻錯动网页”。