4

私は現在、PHPでサイトを開発しています。このサイトでは、1000ページの画像がAJAXを介して読み込まれています。ですから、かなり時間がかかります。ロード時間を短縮できる最適化手法はありますか?画質を変えたくない。

画像のエンコードは役に立ちますか?

4

3 に答える 3

2

最適化とマイクロ最適化の考え方:

画像のファイルサイズを小さくする

これは、ロード時間を実際に短縮するためのおそらく最も重要な要素です(ダウンロードが少ない->終了が速い)

  • SmushItなどの画像最適化サービスまたはIrfanViewなどのローカルソフトウェアを使用する
  • 画像を変換するのに最適な形式を見つけてください
  • 品質をいくらか失ってみてください。1%が時々ほとんどまたは知覚できない損失で何をするかを見て驚くでしょう
  • 不要な場合は、画像MetaData/EXIFを削除します

Webサーバーとハードウェア

アクセス時間はもう1つの重要な要素です

  • Apacheは優れていますが、画像ファイルや小さなファイル(Nginx / lightHTTPdなど)を提供する場合にパフォーマンスが向上する可能性があります。
  • ニーズに合わせてWebサーバーの構成を微調整します
  • 非常に高速なストレージを選択します(可能であればRAMを使用します)

ウェブページ

  • NeverEndingPage/load-on-scrollまたは「Clickformore」を使用します
  • 画像セットをページ分割します(おそらく重要性によって)
  • 画像コンテナとリンクを短くし、ブラウザがファイルのヘッダーからファイルタイプを取得するため、拡張子を削除し、ファイルの名前を通常の1.jpg ... 20000.jpgではなくbase(62)カウンターに変更します(例:<img src = Q8U>)
于 2012-12-17T23:26:11.213 に答える
1

ページのキャッシュロジックを調べます。画像はWebサーバーによってキャッシュできる場合があります。ApacheまたはIISを使用していますか?

于 2012-12-12T17:54:50.180 に答える
0

最初に50枚の画像を表示し、ページをスクロールしたときに残りの画像を読み込む方がよいでしょう。これは、スクロール時にページをロードする例です。

于 2012-12-12T11:04:10.487 に答える