イメージを最適化する

Question

ウェブページを作成している間に、テーブルにさらに多くの行を追加したときに、パフォーマンス（クライアント側）が大幅に低下していることに気付きました。私のテーブルの各行は同じ4-5の32x32アイコン（アクションへのリンク）と約100文字で構成されています。 10行があるときは、スクロールとjQueryアニメーションがスムーズでした。私のテーブルに100以上の行があるので（ページ設定はオプションではありません）、アニメーションは本当に遅くて荒いです。
パフォーマンスを上げるために、画像そのものを最適化するのではなくコードを最適化する方法はありますか？

今、私はタグの画像を持っています。もし私がそれらを背景イメージに変えればそれは何か変わるだろうか？ブラウザに負荷がかかりませんか？

Answer 1

画像に問題がある場合は、クライアントが各行の画像を再ダウンロードしようとしている可能性があります。画像が小さくても非常に非効率です。 Fiddlerのようなツールでこれが真であるかどうかをテストするには、ページをリロードするたびに同じリクエストがたくさんあるかどうかを確認します。

これが問題の場合は、CSS spritesを参照してください。この方法では、1つのイメージをクライアントに配信することができます。この1つのイメージは、すべての行のすべてのアイコンをレンダリングするために使用されます。