ページに配置された画像の読み込み速度を最適化することです。リソースと比較してもサイズが非常に大きいため、圧縮・最適化されていなければパフォーマンスに大きな影響を与えます。画像が大きいとサイトの表示速度がめちゃめちゃ遅くなります。画像が大きいと表示されるまで時間がかかるので、ユーザーは画像を見ることなくサイトから離れていってしまうでしょう。SEOにも大きな影響を与えます。そのため、できる限り圧縮・最適化を行いましょう。画像の圧縮・最適化におすすめのものを4つ紹介します。Optimizilla私はこのツールを使用しています。非常にシンプルに作られており、誰でも直感的に作られています。最大20個までファイルをアップロードできます。圧縮率・カラーも簡単に設定できて大変便利で重宝します。Caesium画質を犠牲にすることなくファイルサイズを圧縮!「Caesium」。使っていたのですが、私は結局Optimizillaに落ち着きました。圧縮後のファイルサイズを確認する機能や、画像をリサイズして出力する機能等もついており便利は便利です。PNGに対応しています。TinyPNGこちらは点線の枠のところに画像をドラッグ&ドロップするだけです。一度にまとめて20枚、最大5MBまでの画像を圧縮することが可能です。このパンダはあんまり好きじゃないです。SquooshGoogleが作っています。←これだけで安心できるのはすごい。squooshは迅速にロードできるウェブページを作成するための画像の圧縮やフォーマット変換を実行します。最適な画像フォーマットを選択でき、画像ファイルの品質を大きく損なわないようにしつつ、サイズをウェブ向けに最小化することができます。サイトにはぐしゃっと潰された缶のイラストがあります。squooshって”ぐしゃっと潰す”って意味ですよね。処理がめちゃめちゃ早い。シンプルで直感的に使える。Googleなので安心。画像を選択すると、このような編集画面に移動します。右下に設定項目がいくつかあり、サイズを変更できたり、形式を選べたり、quality(質)を設定できたりします。settings”にチェックを入れるとさらに細かい項目を設定できます。