在当今的网页设计中,进步增强(Progressive Enhancement)已成为广泛接受的策略之一。在这个策略中,网站的基本内容和功能是优先考量的,这意味着所有用户,即使使用较旧的浏览器或较慢的网路连接,都能够获得基本的访问权限。相较之下,对于拥有进阶浏览器功能或更快速的网路连接的用户,他们可以享受增强版本的网站内容。
“进步增强包括将展示语义与内容分开,让每个用户都能立即访问最基本的内容。”
这样的设计策略使得页面的加载速度更快,对于搜寻引擎爬虫来说也更有利,因为网页的文本内容可以立即通过 HTML 原始码加载,而不需要等待 JavaScript 行为来执行和加载资料。基于这一原则,许多网站内容是透过 HTML 这一「最低共同标准」来提供的,而其样式和动画则是通过 CSS 实现的,进一步的增强则可以透过 JavaScript 来完成。
进步增强这一术语最早由 Steven Champeon 和 Nick Finck 于 2003 年在 SXSW 互动大会上提出。在随后的一系列文章中,他们进一步探讨了这一概念,而这一策略的形成亦是因为对以往的「优雅降级」(Graceful Degradation)策略的反思而逐步演化的。
“在进步增强中,内容是以标记文件形式创建的,目的是为了满足最低的浏览器功能需求。”
优雅降级设计是针对最新浏览器进行设计,然后再调整以适应旧版本,但随着网站内容的多样化和复杂性,这种方法逐渐显得有些不适应。反观进步增强,则是将基本内容的可及性放在首位,因此即使某些技术不支持,网页依然能够保持可读性和可访问性。
进步增强策略有几个核心原则,包括:所有网页浏览器都应能够访问基本内容,基本功能应对所有浏览器可用,并且稀疏的语义标记应包含所有内容。而增强的布局则可以通过外部连结的 CSS 来实现,而增强的行为则依靠外部 JavaScript。
“基本内容永远可用,无论用户的浏览器支援程度如何。”
进步增强的网站本质上比传统技术更具可及性和兼容性,这是因为这一策略要求基本内容永远可供访问,而不会被不支持的技术或脚本所阻碍。此外,使用稀疏标记的原则使得语音阅读工具更容易获取内容。
在速度与效率方面,进步增强设计可以让客户端选择下载哪些页面的部分内容,这能有效降低加载时间和数据流量消耗。举例来说,在网速较慢的地区,客户可以选择仅下载基本的 HTML,而不必下载样式表、脚本和媒体。
“进步增强有助于改善网站的搜寻引擎优化(SEO),因为基本内容对搜寻引擎爬虫始终可用。”
这样一来,由于基本内容始终可被访问,基于进步增强的网站不会面临因为 JavaScript 执行而导致的搜寻引擎索引问题,让网页的搜寻引擎排名得到改善。
当然,进步增强并非没有争议。一些批评者指出,进步增强在需要重度依赖 JavaScript 的用户介面时可能会存在一定的局限性。然而,支持者则认为,所有资讯型网站都应当使用进步增强,以便被搜寻引擎有效索引,这是在数位时代不可或缺的一环。
设计师们对于内容与展示之间的分离原则也有不同看法,他们认为这种意见未必能完全符合现实,因此提倡更现实的观点,即两者在某种程度上是不可分割的。
面对不断变化的网际网路环境,进步增强策略提供了一种稳定且相对未来的网站设计方式。随着技术的不断进步,进步增强是否能够继续为我们的网页设计提供有效的指导方针?