这种延迟怎么可能？

Question

我正在尝试优化网站的加载时间，因为它太长了，但它仍然是特别适用于jQuery UI CSS图像，

如果你有一分钟​​，请你看看this Pingdom test？

在60和75号文件中，jQuery CSS文件中的图像很少（只是重命名了路径）。它们需要3秒才能连接，然后它们似乎加载速度很快..但 3 秒连接？

与此相关的CSS：

.ui-icon { width: 16px; height: 16px; background-image: url(/css/images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(/css/images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(/css/images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(/css/images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/css/images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(/css/images/ui-icons_454545_256x240.png); }

此CSS文件的路径为： /CSS/ui.css

，图片路径为： /CSS/images/*.png

如果这不是路径，我完全迷失在这里，任何线索？

Answer 1

要考虑的另一件事是您的浏览器使用缓存。因此，当您运行这样的测试时，看起来JQuery UI图像非常慢。但对于用户（具有适当的浏览器缓存设置），“惩罚”只会发生一次。所以，实际上这不是一个完全公平的测试。

我更担心你的40kb背景图像和不完美优化的CSS。在你的css文件上尝试this website以减少13％的开销（在主站点css上）此外，通过将CSS文档组合在一起可以获益，这将降低HTTP开销。再次，由于浏览器缓存的概念，这对于正确设置的浏览器来说只是一次性的改进。

与许多网站相比，这个网站加载速度非常快。除非您的网站每天出货量达到20多万，否则您需要按kb支付带宽，因此设置绰绰有余。

Answer 2

我没有看到那么长时间的延迟。看起来加载时间不到一秒钟。