在网页上加载图像的最快方式是什么？ 我正在建一个新的网站，在基础阶段，我试着评估加载图像的最佳方式。浏览器可以同时加载2-6个项目（images/css/js）。通过小道消息，我听到了各种不同的方法，但没有确切的答案，哪种方法实际上更快

相对URL:

背景图片：url（images/image.jpg）；

绝对URL:

背景图像：url(http://site.com/images/image.jpg);

绝对URL（带子域）：

背景图像：url(http://fakecdn.site.com/images/image.jpg);

浏览器是否会将我的“fakecdn”子域识别为不同的域，并在单独的线程中同时从中加载图像

@import

CSS文件中引用的图像是否在单独的线程中加载

这表明浏览器打开到给定域的连接不超过两个

使用持久连接的客户端应限制 它们与给定服务器保持的同步连接。A. 单用户客户端与的连接不应超过2个 任何服务器或代理

因此，如果您正在加载许多中等大小的映像，那么将它们放在单独的FQDN上可能是有意义的，这样2连接限制就不会成为瓶颈。对于小映像，每个FQDN需要一个新的套接字连接，这可能会超过其好处。类似地，对于大型映像，客户端网络带宽可能是限制因素

如果总是显示图像，那么使用数据uri可能是最快的，因为不需要单独的连接，并且图像可以按照需要的顺序包括在流中

然而，和往常一样，优化性能，首先是配置文件

看

建议浏览器打开到给定域的连接不要超过两个

使用持久连接的客户端应限制 它们与给定服务器保持的同步连接。A. 单用户客户端与的连接不应超过2个 任何服务器或代理

因此，如果您正在加载许多中等大小的映像，那么将它们放在单独的FQDN上可能是有意义的，这样2连接限制就不会成为瓶颈。对于小映像，每个FQDN需要一个新的套接字连接，这可能会超过其好处。类似地，对于大型映像，客户端网络带宽可能是限制因素

如果总是显示图像，那么使用数据uri可能是最快的，因为不需要单独的连接，并且图像可以按照需要的顺序包括在流中

然而，和往常一样，优化性能，首先是配置文件

看

---

对于许多小图像，社交媒体图标就是一个很好的例子，您还需要考虑将它们组合成一个单一的精灵地图。这样，它们都会加载到同一个请求中，使用它们时只需进行一些背景定位。

对于许多小图像，社交媒体图标就是一个很好的例子，您还需要考虑将它们组合到单个精灵地图中。这样，它们都将加载到同一个请求中，您只需在使用它们时进行一些背景定位。

阅读以下内容：@Book我在发布本文之前阅读了该链接，但它没有回答问题，例如外部CDN是否需要是单独的FQDN。我还想知道我问题的第2部分。请阅读：@Book我在写这篇文章之前读过这个链接，但它没有回答问题，比如外部CDN是否需要是一个单独的FQDN。我还想知道我问题的第2部分。我想，正如在参考的wiki文章中所述，任何使用数据URI方案的东西都需要每次下载资产，因为缓存是不可能的。页面之间的共享资源要求每次加载页面时都加载该资源，即使是同一页面。此外，对于

@import

CSS文件中引用的图像问题，您是否有任何见解。我知道，使用

的CSS（使用

@import

包含其他CSS文件）不受此连接限制。关于数据URI-您可以将数据URI图像嵌入一个不变的资源中，例如CSS文件，以便缓存和加载一次。我不知道@import被排除在连接限制之外-你能发布一个链接吗？本文和pagespeed软件可能有助于优化加载时间。我认为，正如引用的wiki文章中所述，任何使用数据URI方案的东西都需要每次下载资产，因为缓存是不可能的。页面之间的共享资源要求每次加载页面时都加载该资源，即使是同一页面。此外，对于

@import

CSS文件中引用的图像问题，您是否有任何见解。我知道，使用

的CSS（使用

@import

包含其他CSS文件）不受此连接限制。关于数据URI-您可以将数据URI图像嵌入一个不变的资源中，例如CSS文件，以便缓存和加载一次。我不知道@import被排除在连接限制之外-你能发布一个链接吗？本文和pagespeed软件可能有助于优化加载时间。