私のサイトには大きな CSS スプライト画像があります。
サイト: http://www.protohaber.com/demo
スプライト画像: http://www.protohaber.com/demo/templates/v1/images/proto_sprite.png
一部のコンピューター (低 CPU コンピューター) のブラウザーで、私のサイトの動作が遅い (ページのスクロールが遅いなど)。
質問する
215 次
2 に答える
1
PNG Gauntletを使用して画像を最適化する必要があるかもしれません。
もう 1 つの解決策は、スプライトを 2 つ以上に分割することです。
于 2013-04-02T10:07:16.073 に答える
0
これの主な理由は、画像が大きすぎる (ほぼ 1.5 メガバイト) ためだと思います。つまり、背景を一方から他方に移動するために CPU が計算しなければならない量を想像してみてください。あなたのスプライトには、それに属さない多くのリソースがあると思います（いくつかの画像（女の子、警告アラートなど）など）また、同じスプライトで多くの色を混合しているため、画像が大きくなります。レンダリングする色。
1つのオプションは、スプライトを別のものに分割してファイルを小さく(the slow processors can handle, render and move better small images)し、（女の子、警告アラートなど）のような画像を削除し、ファイルも小さくするjpgファイルにすることだと思います。
スプライトの考え方は、サーバーへのリクエストを減らすことですが、これがアプリケーションのパフォーマンスを低下させる場合は、さらにいくつかのリクエストを行い、最終ユーザーのパフォーマンスを向上させることをお勧めします。
于 2013-03-26T15:57:14.757 に答える