渐进增强与优雅降级

Shidong Zhu

这里提到的“渐进增强”和“优雅降级”是处理浏览器兼容性的两种方法论,并还引发过激烈的辩论。虽然起初他们被看做可互换的概念,但本质上却完全相反。下面我们就谈论下关于这两个概念:

优雅降级:指的是首要为现代浏览器提供最可观的效果,然后保证为某些老版本的浏览器提供基本可用的体验,即表现在现在浏览器中提供的新特性在老版本浏览器中会被降级,且一般会有一个达到基本体验的分界点,同时会声明不支持那些老掉牙的浏览器,类似于警告性语言并提出建议(如您的浏览器老的让人笑话,建议下载较新版本浏览器!);

渐进增强:从不同层面上渐进增强与优雅降级是恰恰相反的概念,表现在渐进增强则是通过牢固的html框架实现基本浏览器的标准效果,然后用CSS样式和必要的JavaScript为较新版本的浏览器提供增强渐进的用户体验,也就是说渐进增强以恪守Web标准的标签为基础,意味着他在所有浏览器中均可用。

那么针对这两个概念,作为前端开发选择哪个作为自己的“信仰”呢?目前,渐进增强被普遍认为是开发网站的很好方式,但是现实中我却一直用的是优雅降级方式,那为什么会这样呢?首先现在前端开发用的比较火热的响应式设计则很大程度上依赖于CSS3,同时还有HTML5的号召逐渐扩大,网页制作进入新一轮的革新,而IE6、7、8是在CSS3、HTML5之前就已经被开发和发布出来了,所以兼容性与冲突是难免的的,那么为了实现渐进增强你会放弃使用CSS3或者HTML5或者疏远响应式,而是用各种CSS样式以及JavaScript来弥补用户体验么?显然作为对前端效果要求苛刻的同胞们不会选择这么做。同时之前说过的渐进增强可以用CSS样式以及JavaScript的打补丁方式来为较新版本的浏览器增加类HTML5和CSS3特性,但导致的结果是用户体验将严重依赖JavaScript,且可用性相较于不使用补丁有所减弱,毫无疑问,影响这个抉择的关键因素是性能。即使不使用补丁,为了能让IE6和IE7的页面渲染效果尽可能与现代浏览器类似,开发时间可想而知。据浏览器市场数据统计,截止2012年IE7的使用率只剩下4%,IE6的使用率仅有1.78%,而现代浏览器如Google Chrome(25.7%)、Firefox(21.01%),可见为现代浏览器开发增强用户体验,远比那些老掉牙的的浏览器修补补丁来的更有意义。当然这并不代表完全不管IE6和IE7等老版本浏览器的基本可用性问题,只是觉得相对于渐进增强的方式,优雅降级更能实现时间和性能上的优化。当然,这只是我的个人观点。

关于作者

Dan Hu

Shidong Zhu

Subscribe to Our Newsletter

We will deliver China-related web design, web development, and digital marketing information or tips every month.

Stephen Tseng
Stephen Tseng

不要让不确定性束缚你的SEO营销策略

无论是政策变化、经济波动,还是突发的全球事件,企业在制定营销策略时常常需要面对各种变数。不确定性营销决错失大量的市场机会。可能导致营销决策的延迟和执行的犹豫,但如果因此停滞不前,那么企业将错失大量的市场机会。

继续阅读 →

Stephen Tseng
Stephen Tseng

B2B 业务增长的关键:解析行业平均转化率及行业基准

在竞争激烈的 B2B 市场中, lead conversion rate(潜在客户转化率) 是衡量业务成功与否的关键指标之一。它不仅反映了营销策略的有效性,还直接影响到公司的收入增长。本文将深入探讨 B2B 平均转化率的相关数据和行业基准,并为您带来提升转化率的实用建议。

继续阅读 →

Stephen Tseng
Stephen Tseng

内容营销对 SEO 到底有什么用?B2B 出海营销的最佳策略指南

在数字营销领域,“内容为王”早已不是口号,而是决定企业能否被全球潜在客户发现的关键。这一点对正在拓展海外市场的 B2B 企业尤为重要:内容营销与 SEO 紧密结合,才能真正将流量转化为有效询盘和长期客户。

继续阅读 →