工具已就绪

进入2020年，我意识到自己已经构建网站20年了。回顾这段时间，我们的实践似乎一直处于近乎持续的变动中，我们的进步并不总是线性的。但最终，即使是沿途的失误和偏差也促成了改进模式的形成，现在，我们第一次感觉自己将拥有一个标准模式来应对我们面临的大多数技术挑战。我认为2020年将是网页标准稳定的一年。

鉴于交付是我们媒介的固有属性，我们的许多挑战都来自网络限制。早期，网络提供的带宽有限，因此我们开发了工具和实践来减小文件的大小。很快，带宽…变宽了，延迟（服务器和设备之间往返的时间）成为了我们的下一个瓶颈。为了缓解延迟，我们开发了在更少的往返次数中交付更多代码的技术，例如合并同类文件、将我们的资源分散到多个域以允许在给定时间下载更多文件，以及将不同类文件内联到我们的 HTML 中以避免等待其他请求。我们还学习了如何在 CDN 上在全球范围内分发我们的代码，因为物理位置始终有助于提高速度。但是延迟本身正在改善，尤其是在 5G 出现以及浏览器与服务器通信方式的进步之后，现在我们可以一次请求任意数量的文件，甚至在浏览器请求之前将文件推送到浏览器。所有这些都简化了我们快速可靠地交付内容的能力，并且它直到最近才无需复杂的解决方法即可实现。

设备差异也曾让我们困惑。在移动网页的早期，我们必须找到创造性和通常笨拙的解决方法来交付上下文相关的功能和资源，但如今，我们拥有了提供设备相关体验的出色工具。我们可以使用媒体查询来跨屏幕尺寸灵活地调整我们的视觉布局，并且可以使用网格和弹性盒等适当的设计工具构建这些布局。我们可以在使用特定工具之前使用标准的功能查询来测试我们是否可以依赖它，甚至决定是否加载代价高昂的文件。对于媒体交付，我们现在拥有强大的选项，可以向任何设备交付大小合适的图像和视频。所有这些在几年前都需要不太理想或非标准的实践，但情况已经好转了。

可访问性也变得更容易实现，这正是时候，因为人们对其重要性的认识可能从未像现在这样高。标准为我们提供了更好的工具，可以将我们组件的含义和状态传达给辅助技术，浏览器和操作系统也大幅改进了与这些标准的交互。

我并不是说我们不再面临艰难的技术问题，但我认为，越来越是我们自己的实践和假设造成了这些问题，而不是任何我们无法控制的力量。例如，我们仍然看到很少有网站能够在运行时平滑地协调快速交付和流畅的响应能力，尤其是在全球范围内人们使用的普通设备上。但诸如此类的问题并非绝对的——它们是由我们自己的优先级错误或过度依赖我们已经知道成本很高的模式造成的。

简而言之，我们做好工作所需的工具已经就绪。 除了容器查询。我们仍然非常需要容器查询来做好工作，坦率地说，在 2020 年我们——咳咳。我在哪里？哦，对了。

因此，进入 2020 年，我们感觉自己终于拥有了一个完善的标准工具集来构建和分析我们的网站。如今，如果某个网站交付速度缓慢或成本高昂，或者对用户交互的响应速度缓慢，或者辅助技术无法访问，或者在特定屏幕上的设计糟糕，我们可以放心，这可能是我们自己的错误，我们可以修复它。这很棒，因为网络还有更大、更紧迫的非技术问题需要我们更多地关注。