この遅延はどのように可能ですか?
質問
私のウェブサイトのロード時間を最適化しようとしていますが、それはまだそれでもjQuery UI CSSイメージのためのものです。
あなたが1分を持っているなら、このPingdomテスト?
ファイル番号60と75の中には、jQuery CSSファイルからの画像がほとんどありません(パスがパスに変更されます)。彼らは接続するのに最大3秒かかります、そして、彼らは速くロードされているようですが、 3 connect?
.
.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
これがパスについてではない場合、私はここでは完全に失われています、あらゆる手がかり?
解決
The other thing to think about is that your browser uses caching. So, when you run a test like this it will look like JQuery UI images are horribly slow. But to the user (with a proper browser caching setup in place) the "penalty" will only happen once. So, in reality it's not an entirely fair test.
I'd worry more about your 40kb background image and less-than-perfectly-optimized CSS. Try this website on your css document to drop 13% of it's overhead (on the main site css) Also, you could benefit by combining the CSS documents together, which will lower HTTP overhead. Again, thanks to the concept of browser caching this would be a one-time only improvement for a properly setup browser.
Compared to many sites out there, this one loads quite quick. Unless your site is going out to 20+million daily, or you're paying by the kb for bandwidth, the setup is more than adequate.
他のヒント
I am not seeing that long of a delay. It looks like they take less than a second to load.