webpage - ページの読み込み速度を上げる方法

Question

私はこのサイトを設計しました。ページの読み込み速度は非常に遅いです。サイトの読み込み時間を示すオンラインサイトの読み込み時間を見つけました。また、他の統計情報も提供します。

ページ読み込み時間統計のスナップショットは次のとおりです。

ここに画像の説明を入力

私の質問は、ページの読み込み時間を短縮するにはどうすればよいですか?ページの読み込み時間が 2 秒を超えると非常にイライラするため..

score 0 · Accepted Answer

これが本当にプログラミングに関する質問かどうかはわかりませんが、私が見た問題の 1 つは、ファイルサイズに関して画像が大きすぎることです。

たとえば、これらの画像はかなり大きいです。

Adobe Photoshop などのプログラムを使用して、画像を「Web 用」に保存することから始めることができます。これらのビットマップと GIF を PNG に変換することも検討してください。JPEG 画像をプログレッシブにすることもできます。

Photoshop にアクセスできない場合、「Web 用に保存」できる無料の代替手段はGIMPです。

編集: CSS を使用して、高さ 1 ピクセルの画像を x 軸で繰り返すことを検討することをお勧めします。ただし、グラデーションは失われます。

次のようなものが機能するはずです。

background-image:url(../images/gradient.gif);background-repeat:repeat-x;

1 に答える 1