複数の画像を含む単純な Web ページを設計しています。
しかし、ブラウザでその Web ページを開き、ブラウザを最小化し、数分後に再度開くと、画像が数ミリ秒間消えます
Facebook や Google などの人気のある Web サイトでは発生しませんが、あまり有名でない Web サイトでは同じ問題が発生します。私は実際に何が起こっているのか把握することができません..
1461 次
1 に答える
2
通常、HTML/CSS を使用してサイズ変更された非常に大きな画像が原因です。別の見方をすると、使用された画像は、表示用に意図されたサイズにサイズ変更されていません。ブラウザがサイズを変更してページに表示するには、特に大きなものに時間がかかります。
また、メモリが不足しているマシンは、多くの場合、リソースをスワップにオフロードします。ウィンドウがフォーカスされていないか最小化されている場合、一部のブラウザはリソースをメモリからスワップに移動します。私の知る限り、Firefox はこれを行い、about:config. これにより、ブラウザは他の操作で使用するメモリを節約できます。
ウィンドウがフォーカスを取り戻すと、ブラウザーはそれらをスワップから取得し (これは一般に低速の操作です)、メモリにロードしてレンダリングします。このメモリのオンとオフの操作には時間がかかるため、経験している可能性があります。
そのため、Web で画像を使用する場合は次のようになります。
- 実際の画像のサイズを必要なサイズに変更します
- 圧縮を使用して画像を最適化します。JPGとPNGはこれが得意です
- 画像を使いすぎない
- 複数の HTTP リクエストを避けるためのスプライト
于 2012-11-06T13:03:43.360 に答える