1

ローカル ホストで Web アプリケーションを実行しています。要件は、複数の長方形の jpg イメージ (96 個のイメージ、それぞれの平均サイズは 7k) をロードし、実行時にホームページに表示することです。画像は 8x12 行/列のグリッドで表示されます。JavaScriptで「img」の「src」属性を設定して画像を読み込んでいます。「src」属性に割り当てられた URL はすべての画像で同じですが、画像 ID は異なります。画像はロードされていますが、主な問題は、それらが非常に速くロードされていないことです.1、2、3、4などを順番にロードすることを意味しますが、一部の画像は順番にロードされません. このページのパフォーマンスを改善したい。次のようなさまざまな時点でタイミングを把握しようとしました。

  1. クライアントからの発信時（画像のsrc属性が設定されている場合）

  2. サーバーが呼び出しを受信して​​いるとき。（個々の画像を提供するサーバー上のページ）

  3. サーバーが画像を返そうとしているとき。

  4. クライアント側で画像が受信/表示されたとき (javascript で呼び出された画像読み込みイベント)

収集されたデータを調べたところ、上記の 1 と 2 の間、つまりクライアント側の呼び出しが開始されてからサーバーが特定の画像の呼び出しを受信するまでのメイン時間が失われていることがわかりました。

また、machine.config で maxWorkerThreads、minWorkerThreads、requestQueueLimit、maxconnection などのパラメーターを設定しようとしましたが、まだ大きな改善はありません。

何日もここで立ち往生していて、今は本当に時間が足りないので、誰かがこの状況で私を助けてくれませんか。これらの画像読み込みのパフォーマンスをどうしても改善する必要があります。

前もって感謝します。

4

1 に答える 1

0

時間が足りないと強調されているので、オンデマンドで画像をロードする jQuery プラグインを試してみることをお勧めします。写真をロードするギャラリーで、ユーザーはスクロールしますか? それとも1大畑ですか？ユーザーがスクロールできるギャラリーの場合は、 lazyloadをご覧になることを強くお勧めします。このプラグインが行うことは、必要な場合にのみ画像を取得することです。画面に表示されていない限り、読み込まれません。簡単な例については、このデモをご覧ください。

これがあなたを助けることができることを願っています。

于 2012-07-18T13:21:43.047 に答える