我注意到 DJI Store 网站使用多个 CDN 域来服务器静态元素。
网页： https://store.dji.com/?site=brandsite&from=nav
CDN：
https://asset2.djicdn.com/assets/v2/common/14292283_1302296159810439_4324228009709332653_n.jpg https://asset4.djicdn.com/assets/v2/build/app-0f0a05d6b0cd030cf68ca92e67816241.css https://product2.djicdn.com/uploads/sku/covers/31314/small_55e19eff-2d6a-4d75-8e63-b9b5822fd298.png
只是想知道使用多个 CDN 域、更多并行下载的目的是什么？
如果是，我应该使用多少个域？
【问题讨论】：
标签： cdn
这不再是从 CDN 加载资产的推荐方式。最好使用单个 CDN 并使用它加载尽可能多的资源，以便可以重用 HTTP/2 连接并且页面必须创建更少的连接。
回到 HTTP/1.1 时代，在多个主机上加载资源以并行下载是一种常见的做法。这在当时是一种有用的做法，可以显着加快具有更多带宽的用户的丰富网页速度。这种技术被称为域分片。
但是在 HTTP/2 之后，它不再被要求并且被视为一种不好的做法。上面的商店似乎是在 HTTP/1.1 时代构建的，并针对那个时代的浏览器进行了优化。
还有另一个术语“附带域分片”，这意味着 Web 开发实践导致开发人员不必要地依赖越来越多的主机来交付他们的内容。例如，如今的网站从 Google Fonts 加载字体，从一些 javascript CDN 加载公共库，并将其私有内容托管在私有 CDN 上。这要求浏览器打开几个可以避免的不必要的连接，并阻止浏览器利用 HTTP/2 多路复用。但是有一些可能的解决方案，例如 PageCDN 和 EasyFonts，它们可以共同帮助实现可用技术的最大性能，因为它们通过单个 CDN 加载所有页面资源。
如果你想看到附带域分片的实际效果，请查看http://www.piston.rs/dyon-tutorial/ 的源代码他们正在加载超过 5 个 CDN 的资源，并且它们的私有内容（网站 CSS 和 JS 文件）仍然需要私有 CDN。
【讨论】：