質問

私のウェブサイトのロード時間を最適化しようとしていますが、それはまだそれでもjQuery UI CSSイメージのためのものです。

あなたが1分を持っているなら、このPingdomテスト

ファイル番号60と75の中には、jQuery CSSファイルからの画像がほとんどありません(パスがパスに変更されます)。彼らは接続するのに最大3秒かかります、そして、彼らは速くロードされているようですが、 3 connect?

これに関連する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

これがパスについてではない場合、私はここでは完全に失われています、あらゆる手がかり?

役に立ちましたか?

解決

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.

enter image description here

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top