0

ユーザーがクエリを実行すると、25個の200x150pxの画像リンクがある結果ページに移動するWebサイトがあります。私の問題は、（少なくとも私のコンピューターでは）画像の前にコンテンツが読み込まれないように見えることです！

画像部分の前後にコンテンツがありますが（ヘッダーとフッターのようなもので、画像はその中間のコンテンツです）、すべての画像が転送されるまでフッターが表示されません。これは、約500ミリ秒です。前の画像が読み込まれる前は、何も表示されません。

プロキシから自分のWebサイトにアクセスしようとしましたが、結果が異なりました。画像スロットが読み込まれ、ヘッダーとフッターも読み込まれ、画像が1つずつ読み込まれましたが、他のコンテンツは読み込まれませんでした。

それでも、それらはゆっくりとロードされました... :(

この問題はMozillaFirefoxとInternetExplorerで発生しますが、ChromeやOperaでは発生しません。
これを引き起こしている可能性のあるアイデアはありますか？
さらに、私の特定の状況に対する理想的な最適化のアイデアはありますか？前もって感謝します！

乾杯！

4

2 に答える 2

2

これを引き起こしている可能性のあるアイデアはありますか？

コード、ファイアバグ情報、グーグルページの速度などをいただければ幸いです。

これを引き起こしている可能性のあるアイデアはありますか？

これは推測ですが、バッファを早期にフラッシュすることが役立つ場合があります

さらに、私の特定の状況に対する理想的な最適化のアイデアはありますか？

YUIイメージローダーを使用して、イメージ（他のアセットも）をポストロードします。

ページを詳しく見て、「ページを最初にレンダリングするために絶対に必要なものは何ですか？」と自問することができます。残りのコンテンツとコンポーネントは待機できます。

javascriptをロードするときは、たとえばheadjsを使用して非ブロッキングjavascriptを使用する必要があります。または、javascriptを一番下に配置します。

Yahoo!のベストプラクティスとGoogleページのスピードページもご覧になることをお勧めします

于 2011-07-19T22:57:52.780 に答える
1

ChromeとOperaの方が高速に動作しているため、これは関係がない可能性がありますが、サーバーがコンテンツを取得しようとしていて、HTMLの処理が完了していないことが発生している可能性があります。これは、修正前にPHPで作成したビデオアプリケーションが行ったことです。それ。確かではありませんが、Chromeはサーバーに対して複数のリクエストを行う可能性があるため、IEとFFが一度に1つのタスクを実行する間、待機中に画像をプルダウンする可能性があると思います。これは私の最善の推測です。

本当に心配な場合は、「コンテンツの読み込みをお待ちください」などのJavaScriptスプラッシュ画面を表示し、ページが読み込まれたら削除することができます。

それがあなたがしたいことであるならば、http：//rainbow.arch.scriptmania.com/scripts/preload_wait.htmlを見てください。

于 2011-07-19T22:16:50.270 に答える