0

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

如果你有时间，你能看看这个 Pingdom 测试吗？

在 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

如果这不是关于路径，我在这里完全迷路了，有什么线索吗？

4

2 回答 2

1

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

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

与那里的许多网站相比，这个加载速度非常快。除非您的网站每天超过 20 万，或者您按 kb 支付带宽费用，否则设置绰绰有余。

于 2011-02-18T23:26:01.273 回答
0

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

在此处输入图像描述

于 2011-02-18T23:06:08.673 回答