从2019差异化服务创造更好的Web体验

在2019年使用差异化服务 #

如果您是一位在寻找实用的、前瞻性的思维方式来提高网站速度的人，那么您就来对了地方。当我读了菲尔·沃尔顿写的一个被称为差异化服务的指南后，我感到非常兴奋。如果你还没有听说过这种技术，简单来说，你可以为你的站点编译和提供两个独立的JavaScript捆绑包： 一个捆绑包包含能够在较新的浏览器中正常工作的最新特性和语法，而另一个捆绑包则包含兼容性更强的 JavaScript 代码，能够运行于旧版浏览器上。

实际上，使用差异化服务的方式有很多。通过这种技术，你可以使用户体验更加友好、个性化，同时又能减轻开发者在进行网站维护时所遇到的负担。更重要的是，2019 年的今天，网站的速度和性能对搜索引擎优化 (SEO) 来说也变得至关重要。

让我们逐步探究如何应用差异化服务来显著提升您的网站用户体验。

1. 区分不同浏览器版本

第一步便是弄清用户所使用的浏览器版本。然后，您可以根据浏览器的具体版本来提供对应的 JavaScript 捆绑包。一种做法是使用 accept-language HTTP 头信息（该信息可以告诉您使用者的首选语言）来进行浏览器版本识别。一些比较热门的JavaScript 框架，比如 React 和 Angular，都提供了用来解决此类问题的工具和资源。

2. 利用构建工具的支持

构建工具通常会提供许多处理差异化服务的实用功能。例如，如果您使用 webpack 进行 JavaScript 捆绑，则可以使用 webpack-bundle-analyzer 插件来分析各个浏览器捆绑包的构成，并从中优化资源的使用。

3. 充分利用 Babel

如果您想让构建工具处理代码转换，那么 Babel 是一个非常不错的选择。借助 Babel，您可以将现代的 JavaScript 代码转换成旧版浏览器能够识别的格式。有关更多信息，您可以查阅有关 Babel 的官方文档。

4. 确保 CDN 支持差异化服务

为了更好地为全球用户提供差异化服务，您可以使用 CDN 将不同的 JavaScript 捆绑包部署到全球各地。这样，用户可以从距离他们最近的服务器上加载 JavaScript 代码，从而减少延迟并加快页面加载速度。

5. 对差异化服务进行持续监控

网站的流量总是处于变动之中，因此您需要持续监控差异化服务的运行情况。这可以帮助您及时发现并修复潜在的问题，保证用户的体验始终处于最佳状态。

结论

差异化服务是一种可以大幅提升网站用户体验的技术。通过将 JavaScript 代码分为两个捆绑包，您可以同时兼顾新旧浏览器的用户体验，让每个用户都能在您的网站上获得最佳体验。更为重要的是，差异化服务还可以让您更容易地进行网站维护，并提高 SEO 排名。

快来尝试一下差异化服务吧，让您的网站在 2019 年脱颖而出！