简单 HTML 的“不合理”效能：从伦敦福利办公室说起

背景

这篇文章最初由一位曾在伦敦住房福利办公室（housing benefits office）从事政策研究的专业人士在会议上分享，现整理发布于 Hacker News。

故事发生的场景极具画面感：伦敦的住房福利办公室通常是令人不悦的场所。墙上贴着帮助家暴受害者的海报，门口的安保人员对进出者保持着谨慎的冷漠，空气中弥漫着伴侣间紧张的低语和孩子的尖叫声。

在这个充满张力的环境中，一位年轻女性坐在坚硬的塑料椅上，身边堆着装满生活必需品的帆布包。她神情凝重，手中紧紧握着一台游戏机——PlayStation Portable (PSP)。乍看之下，她似乎正通过《Candy Crush》（糖果粉碎传奇）来逃避现实。然而，作者走近后发现，事实并非如此。

核心内容

作者通过这一经历，揭示了“简单 HTML”在极端环境下的巨大价值，并引申出对现代网页开发理念的反思。

1. 被误解的 PSP 浏览器 那位年轻女性并非在玩游戏，而是连接了办公室的免费 WiFi，使用 PSP 内置的浏览器浏览 GOV.UK（英国政府官方网站）上的住房福利页面。 PSP 的网页浏览器性能极差：速度慢、经常内存溢出，且最多只能同时打开 3 个标签页。但在这样的硬件限制下，GOV.UK 的页面依然能够正常加载和显示。

2. GOV.UK 的设计哲学 GOV.UK 的页面采用简单的 HTML 编写，设计初衷就是轻量级，旨在兼容最糟糕的浏览器。这种设计是必要的，因为公共服务必须面向所有人，而不仅仅是拥有高性能设备的人群。

• 硬件差异： 并非每个人都有大屏幕显示器、多核 CPU 或高速宽带连接。
• 极端场景： 如果笔记本电脑和手机同时被盗，用户能否通过手头最差的浏览器完成在线生活？例如，在线提交保险索赔时，用户收到的是简单的 HTML 表单，还是一个无法渲染的 DOCX 文件？

3. “最好的相机”隐喻 摄影师 Chase Jarvis 曾提出：“最好的相机是你随身携带的那一台。”这意味着，在关键时刻，带着一台普通的即时相机，比把最好的相机锁在车里更有价值。 同理，对于网页浏览器而言：

• 智能电视通常内置性能低下的浏览器。
• 旧款汽车的车载系统也往往带有糟糕的浏览器。 这些设备虽然使用体验痛苦，但它们必须能“工作”。

4. 对开发者的建议 如果开发公共服务或紧急援助系统，应遵循以下原则：

• 基础优先： 纯 HTML 即可满足基本需求。
• 适度美化： 少量的简单 CSS 足以让页面看起来体面。
• 渐进增强： JavaScript 通常是不必要的，但可用于渐进式增强功能。
• 无障碍与流量友好： 为图片添加 alt 文本，以便按流量计费的用户也能理解图片内容，同时提升无障碍访问体验。
• 自我测试： 开发者应坐在不舒服的椅子上，面对不舒服的小屏幕，使用过时且糟糕的浏览器测试自己创建的网站，以评估其易用性。

5. 故事的结局 事后，作者与那位年轻女性简短交谈。她因被父母赶出家门，靠朋友资助的车费来到福利办公室。她对工作人员的帮助给予了高度评价。当被问及那台从哥哥那里继承来的 PSP 及其浏览器时，她的回答朴实而有力：“它很烂（It's shit）。但它能工作。”

作者认为，这正是我们应当追求的目标。文章末尾还附带了访问 GOV.UK 的游戏主机统计数据，进一步佐证了这一现象的普遍性。

关键要点

• 包容性设计是公共服务的基石： 政府网站（如 GOV.UK）必须确保在最差的硬件和网络环境下也能访问，因为服务对象涵盖所有社会阶层，包括那些无法负担高性能设备的人。
• 简单 HTML 的“不合理”效能： 在极端受限的环境（如老旧游戏机、车载系统、智能电视）中，轻量级的 HTML 往往比复杂的现代 Web 应用更具生存能力和实用性。
• 避免技术傲慢： 开发者不应假设用户拥有最新的硬件、最快的网速或最先进的浏览器。设计需具备“降级兼容”思维。
• 渐进增强优于复杂依赖： 优先保证核心内容通过 HTML 呈现，利用 CSS 进行基础美化，仅在必要时使用 JavaScript 进行增强，并始终重视无障碍访问（Accessibility）和流量成本（如 alt 文本）。
• 用户体验的极端测试： 真正的可用性测试应包含极端场景模拟，如使用过时浏览器在小屏幕上操作，以发现潜在的可访问性障碍。

意义与影响

这篇文章不仅是一个关于技术兼容性的故事，更是一次对 Web 开发伦理的深刻拷问。

1. 重新定义“可用性” 在追求 SPA（单页应用）、复杂框架和高性能渲染的今天，许多开发者忽视了“基本可用性”。这篇文章提醒我们，如果一个网站在 PSP 或旧款智能电视上无法使用，那么它在本质上是不完整的，因为它排斥了部分用户群体。

2. 公共数字服务的标杆 GOV.UK 的成功证明了“简单即强大”。通过坚持轻量级、标准化的 HTML 结构，英国政府网站不仅降低了维护成本，还实现了极高的可访问性和跨平台兼容性。这为全球其他国家的数字政府建设提供了重要参考：技术选型应服务于用户，而非炫技。

3. 对“数字鸿沟”的技术回应 技术不应成为获取基本服务的门槛。当一个人处于危机时刻（如住房困难、急需援助），他可能只拥有一台过时的设备。此时，网站能否加载、表单能否填写，直接关系到社会救助的效率。简单的 HTML 在这里不仅是代码，更是社会公平的体现。

4. 开发者思维的转变 从“如何让页面更炫酷”转向“如何让页面在任何地方都能工作”。这种思维转变要求开发者在架构设计初期就考虑边缘情况（Edge Cases），将鲁棒性（Robustness）置于首位。

正如那位年轻女性所言：“它很烂。但它能工作。”在数字世界中，能够“工作”往往比“完美”更重要，尤其是在那些人们最无助的时刻。