优雅降级与渐进增强

PE 和优雅降级（GD）处理的是同一个问题：不同的浏览器和环境支持不同的特性。PE 从基线逐步构建；GD 则从尖端体验逐步删减。选择哪种方式会影响整个架构。

PE 从在所有地方都能工作的最低共同标准 HTML 开始，然后添加 CSS、JS 和高级特性等层，为能力更强的浏览器增强体验。基线体验是参照点。

GD 从面向当前浏览器构建的完整现代体验开始，然后为旧式浏览器添加回退方案。尖端体验是参照点，旧式浏览器看到的是精简版本。

在任一方式下，IE11 用户都可能看到同一个简化页面。区别在于流程和代码：PE 代码库是一套逐步添加层的 HTML；GD 代码库则是现代代码，再加上一系列用于绕过旧环境问题的补丁。

PE 将基线作为权威来源。即使网络出现故障、脚本失败或遇到意外环境，用户仍会得到一个可用页面。GD 将现代路径视为常态，因此意外故障往往表现为页面损坏，而不是功能降级。

当目标用户中有 99% 使用现代浏览器时，GD 可以让团队针对常见情况进行优化，再根据需要添加回退方案。对于内部工具或用户群体已知的专业应用，这可能是务实的选择——PE 的规范会带来额外负担。

面向消费者的公共网站适合采用 PE：用户和设备都是未知的，无障碍与搜索引擎优化也很重要。已知浏览器环境中的内部仪表板可以使用 GD，损失不会太大。不存在唯一正确的答案。

真实项目通常会混合使用两者：服务器呈现核心 HTML（关键路径采用 PE），再发布一个用于增强体验的大型 JS 包（对旧式浏览器采用 GD 风格的回退方案）。请有意识地认识每个选择，而不是未经审视地默认采用某一种策略。

PE 团队强调 SSR、语义化标记和具有韧性的端点。GD 团队强调转译器、垫片和条件式打包。两种技术栈都会向旧式浏览器提供某些功能；理念上的区别在于，谁的基线推动了架构设计。

请记录支持的浏览器矩阵以及适用的策略。“我们使用 PE：在禁用 JS 的任何支持 HTML 的浏览器中，网站都能工作。”或者：“我们使用 GD：Chrome/Firefox/Safari 最近两个版本提供完整体验，IE11 提供基本的只读回退方案。”两者都合理；含糊不清才是敌人。

PE 前期需要更多设计投入，但后续维护成本更低：基线很少会损坏。GD 前期成本较低，但随着垫片和兼容垫片不断累积，长期成本会更高。请结合项目预期的生命周期进行选择。

渐进增强与优雅降级之间的关键区别是什么？

PE 从通用的 HTML 基线开始，逐步增强；GD 从现代体验开始，逐步添加回退方案。PE 更具韧性，也更有利于无障碍；对于已知使用现代浏览器的用户群体，GD 交付更快。请根据用户群体有意识地进行选择，并记录支持的浏览器矩阵。