图像精灵 vs 加载 13 张图像

Question

我正在寻找更快的方法。

服务器加载 13 个图像或加载一个精灵，其大小是总图像大小的 2 倍，大小为 290kb。

我正在加速一个免费的 WordPress 博客，我已经在那里坐了很多年了。

Answer 1

这取决于您使用的 HTTP 协议的版本。

• 使用 HTTP/1 和 HTTP/1.1，组合多个协议通常会更快 将资源（图像、CSS、JavaScript）放入单个文件中作为 可以避免建立连接的开销。此外，HTTP/1 和 HTTP/1.1 请求和响应标头始终未压缩。

• 使用 HTTP/2 和 HTTP/3 在单个请求上复用多个请求 TCP 连接是可能的，这减少了延迟 连接开销。此外，所有 HTTP 标头都被压缩。

如果您的服务器支持 HTTP/2 或 HTTP/3，那么单独提供所有 13 个图像应该会更快。所有主要浏览器在相当长的一段时间内都支持新协议。要检查您的服务器是否支持 HTTP/2 或 HTTP/3，您可以使用浏览器的开发工具，您可以在网络选项卡中启用协议列，或者仅使用各种专用在线工具之一。如果您的服务器不支持较新的协议版本，我建议升级以添加支持。