web-performance - 为什么要从不同的域加载图像？

Question

我了解到浏览器只能同时从同一个域加载几个文件。因此，您应该将图像放在不同的域或子域中，以加快页面性能。那样的东西...

是否值得建立这样的网站，或者浏览器会很快改变这个功能？或者也许他们已经有了？

或者更好地问：是否很快就不需要从其他域加载图像以提高页面性能？

我现在正在构建的网站不会将其图像托管在 CDN 上。

Answer 1

为了服务器，浏览器将并发 HTTP 连接限制为单个服务器。虽然随着时间的推移，大多数浏览器的限制都在增加，但 Web 开发总会有限制，如果你是一个认真的 Web 开发人员，你应该接受它并采用当前的最佳实践在其中工作。

如果不将图像托管在 CDN 上，您可以通过在适当时将图像组合成 CSS sprite（存档）来减少请求数量。查看 StackOverflow 上的徽标，例如 :)

此外，将您的 CSS 和 Javascript 组合到单个文件中以进行生产部署。

Answer 2

您可以使用子域static.example.com来提供静态文件，例如图像和视频。这种用法的优势在于服务器端，您可以static.example.com从像 nginx 这样的快速服务器提供服务，同时保持example.com代理到 apache。由于此客户端将能够更快地下载这些静态资源，因为它们的服务速度更快。

Answer 3

您可能会这样做的第二个原因：如果图像是由用户提供的（例如头像上传），那么您应该从一个单独的域托管这些图像，以避免任何可能被注入的 javascript 访问您的主应用程序上的用户 cookie领域。

据我了解，这有点深奥，但有一些概念证明，这就是谷歌使用单独域的原因。