2011-12-20 18 views
2

私のウェブサイトはこの「スキージー」タイプのロードエフェクトを採用しているようです。すべてのグラフィックスが上から下に向かって醜い上から下のワイピング効果でロードされます。あなたのウェブサイトがグラフィックをより美しく表現する実際の方法を作る方法はありますか?ウェブサイトの読み込みをよりきれいにするにはどうすればよいですか?

+0

HTMLでサイズ変更された多数の大きなグラフィックスを読み込みますか?私はかつてこのページを2MBの画像で見ていました。この画像はクライアント上で「100x75」や何かのようにリサイズされ、ゆっくりと上から下に描画されます。 –

+0

サイズ変更されているものもあれば、サイズ変更されていないものもあります。サイト全体の「読み込み中の.gif」をお勧めしますか?私はむしろ、この総拭き取り効果よりもそのようなものを持っていると思う。 –

+0

@Matt、Mikeの意味するところは、すべての画像に明示的なサイズを与えて、ブラウザエンジンが読み込まれる前に最終的な位置を知ることです。 – lhf

答えて

2

あなたのページが読み込みおよび/またはレンダリングに時間がかかりすぎる理由についてもっと興味があります。描画に数秒かかる場合は、高速接続であっても、その理由を調べることをお勧めします。 Fiddler、Firebug、IE Developer Toolsなどのツールは、あなたのページがどのリソースをダウンロードしているか、各研究の大きさを調べるのに役立ちます。

ページに大量のリソース(数百KのBMPファイルやPNGファイルなど)がある場合は、他の形式に変換したり、サーバー上でレンダリングするサイズにサイズを変更できるかどうかを確認してください。

巨大なネストしたテーブルなど、HTMLが非常に複雑な場合は、より現代的なHTMLとCSSスタイルで単純化することができます。

ロードする必要がある巨大な高解像度のビットマップがある場合は、それらをスクリプトでプリロードし、ロードが完了したら動的にレンダリングすることができます。

関連する問題