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

考慮すべきもう 1 つのことは、ブラウザがキャッシュを使用していることです。したがって、このようなテストを実行すると、JQuery UI 画像が恐ろしく遅いように見えます。しかし、ユーザーにとっては (適切なブラウザーのキャッシュ設定が整っていれば)、「ペナルティ」は 1 回だけ発生します。したがって、実際には完全に公平なテストではありません。

あなたの 40kb の背景画像と、完全に最適化されていない CSS の方が心配です。CSS ドキュメントでこの Web サイトを試して、オーバーヘッドの 13% を削減してください (メイン サイトの CSS で)。繰り返しますが、ブラウザー キャッシュの概念のおかげで、これは適切にセットアップされたブラウザーの 1 回限りの改善になります。

そこにある多くのサイトと比較して、これは非常に高速にロードされます. あなたのサイトが毎日 2,000 万以上のトラフィックを出している場合や、帯域幅を kb 単位で支払っている場合を除き、この設定で十分です。

于 2011-02-18T23:26:01.273 に答える
0

それほど長い遅延は見られません。読み込みに 1 秒もかからないようです。

ここに画像の説明を入力

于 2011-02-18T23:06:08.673 に答える