您的网站最初加载很快，直到您添加太多内容导致其变慢。我个人很喜欢少发布代码，最终为浏览器提供更多价值的想法。了解浏览器 API 和“免费”提供的功能，实际上可以减少重复造轮子，并在使用提供的工具时潜在地提高可访问性。

人们很容易沉迷于四处移动事物带来的兴奋感，但请记住，网络主要是一个信息系统。当人们试图阅读时，动画文本或在附近播放的循环动画可能会极度分散注意力。

您可以为网站做的最好的事情之一是添加一个 Service Worker，如果您还没有添加的话。Service Worker 为您的网站赋予了超级能力。如果您什么都不做，这将极大地提升您网站在 2022 年的表现。

那时我意识到 Paint Worklet 并没有适应 [用户] 的偏好。这通常是一个巨大的难题，但借助 CSS 自定义属性，我意识到我可以相对轻松地使 Paint Worklet 的渲染逻辑适应用户的首选配色方案！

由于某些标准化（并且还有更多标准化正在进行中），API 非常简单：七个伪元素和十一个伪类，它们可以定位（几乎）滚动条的所有可想象的组件和状态（并且经常被忽略）。听起来很多，但您只需使用其中的三个就可以走得很远。

人们可以做的一件事来改善他们的网站是，记住您并不代表所有用户。我们的生活经历以及我们与网络互动的方式并不代表每个人与网络互动的方式。

您花费多少时间设计网站的内容呈现？当您撰写新的博文或创建新页面时，您是否只是在考虑文字，还是考虑读者将如何与这些文字互动？牢记以下几点提示，您可以使网站的内容更易于理解，并为访客提供更具视觉吸引力的体验。

确保可访问性是改善网站的明确途径。当您使网站可访问时，您可以扩大受众群体，改善所有使用网站的人（不仅仅是那些有可访问性需求的人）的体验，并且还可以获得 SEO 优势。

这既不是仅仅关于有残疾，也不是仅仅关于没有残疾。这是一种过时的思考方式。想想：谁只在坐在办公桌前、光线充足的环境中、戴着降噪耳机并盯着美丽的视网膜显示屏时才访问网站？一小部分人，而且具有讽刺意味的是，通常只有为其他人制作网站的人。

网站（大多数）看起来都差不多。框架、矢量设计工具、数据驱动设计以及最大化业务价值的必要性导致了默认设计的现状。如果我们决定用我们的工作创造快乐呢？毕竟，在许多人经历的极其黑暗的时代，让某人因您的作品而微笑或大笑是一件特别的事情。

JavaScript 已成为网络的第三大支柱。我知道 JavaScript 非常有用，所以我为什么要挑剔它呢？我挑剔的是，如果 JavaScript 不存在，很多网站甚至无法加载。从什么时候开始，加载 HTML 和 CSS 依赖于 JavaScript 了？

在决定向您的网站添加新内容时，问问自己：如果我现在不做这件事会发生什么？

我经常看到不一致的间距——尤其是在垂直方向上——这使得内容难以扫描，并产生一种微妙的、不连贯的感觉。字体也是如此：在小型视口中使用巨大的标题，或者标题层次结构在视觉上没有尺寸对比，这使得它们在视觉上毫无用处。

在一个开发者体验通常是优先事项的世界里，我们很容易忘记我们正在使用这些工具为其他人构建体验。我们有责任构建不会将网站访客置于危险之中的体验。

如果您只能做一件事来改善您的网站，那么花一些时间阅读它绝对不会错。说真的，不要只是看文字——阅读它们，并从头到尾理解所有内容。并且真正深入其中。我的意思是打开导航中的所有内容，展开手风琴，打开模态窗口，并将其全部吸收。像 Wendy's 制作汉堡一样阅读它：不走捷径，也不遗漏任何细节。

从头开始，逐步构建，并且不要害怕测试奇怪的功能。尝试不同的布局、颜色和字体，还可以尝试更改文案——例如使用不同的语气，添加幽默，也许一些讽刺——任何适合您的内容。尝试新事物，倾听您的直觉，然后深呼吸，忽略批评。

如果您能做一件事来改善您的网站，那就是拥抱 Web 平台提供的功能：HTML、CSS 和 JavaScript——按此顺序。应用最小权力原则。牢记渐进增强。您将成为更快乐的开发者。您的访客也会更快乐，因为一切都能按预期工作。

现在花两分钟时间在浏览器中访问您当前的项目。然后，仅使用 Tab 键，您应该能够在交互式元素（包括按钮、链接和表单元素）之间导航。

如果要指出人们可以做的一件事来改善他们的网站，那就是花点时间考虑一下我们希望用户能够在页面上执行的最关键的操作，并使它们尽可能简单和易于访问。

我意识到并非每个人都能将他们的网站迁移到 Remix，这没关系。Remix 的标语是：构建更好的网站（有时使用 Remix）。我认为我想鼓励您做的一件事来改善您的网站是了解 Remix 并从中学习，并将其中的一些想法应用到您的网站中。

我们在用于创建网页的设备和大多数人用于消费网页的设备之间存在着巨大且不断扩大的差距。网站的平均大小很大，这一点也并非秘密，而且只会越来越大。对此你能做些什么？获取一台低端笔记本电脑，然后尝试使用您的网站或 Web 应用程序。

Web 开发中的性能预算并非新概念，在许多方面与碳预算息息相关。优化性能通常会对网站的能源效率产生积极影响。但是，可量化的碳预算也有助于我们通过可持续发展的视角看待网站的各个方面，并可能帮助我们考虑性能预算本身无法涵盖的方面。

只需花一分钟时间考虑一下这意味着什么：网站上的任何第三方脚本都允许其他人执行网页上的代码。这非常不安全。

我们进行测试并非为了娱乐。我们进行测试是为了改进事物。因此，下一步是从这些测试中学习。哪些方面效果很好？哪些方面可以改进？我们如何改进？当然，您可能没有时间和预算来立即改进所有内容。我的建议是确定优先级并进行迭代。

如果您能够证明编写自己的代码的必要性，那么您将更加熟悉 Web 规范，并了解它们本身的强大功能。您最终也会获得一些更容易长期维护的东西，因为它最接近 Web 的核心演化路径。

生活是不完美的、不可预测的和美丽的。我们可以每天穿过同一片森林，看到不同的彩色树叶。我们可以每分钟抬头看云，观察全新的云层形态。物理世界是短暂且不断变化的。如果我们的设计更像这样会怎么样？

如果您展示您最喜欢的作品类型，您将获得更多类似项目或工作的请求——这将反馈到一个良性循环中，让您做更多自己喜欢的事情。