WordPress 速度改善その1 、画像最適化
携帯で自分のサイト開くとき非常に遅い感じましたのでサイト遅くなる原因は下記2つです。
1. 画像の読み込み
2. キャッシュ
今回は画像の読み込みについて、話したいと思います。
Googleの速度計測サイトでhttps://developers.google.com/speed/pagespeed/insights/
速度計測したらこんな感じです。
スマートフォン
パソコン
実は画像の最適化を行うだけでサイトのスピード十分速くなる。
EWWW Image Optimizer プラグインを導入する
こちらのプラグインは自動で画像最適化してくれるやつです。
新規プラグインでインストールして、有効にしましょう。
設定画面は以下のように設定しています。
Basic画面
画像のメタデータは、位置情報を含む記載されているデータです。必要ないので削除しましょう。
Convert画面
最適化しましょう
メディア=>一括最適化を選択する
最適化されていない画像をスキャンするをクリックする。
最適化開始。
こんなにいっぱい画像ファイルありましたね。しばらくお待ちしましよう。
さっきの計測結果に画像この画像が大きいみたいのでこちらの画像も合わせてサイズを調整しましょう。
再度googleのサイトスピード計測してみると下記となりました。
スマートフォン
パソコン
ちょっとだけ変わりましたがやらないよりいいですね。
次はW3 Total Cache プラグインを使ってキャッシュ設定しましょう。
と思ったら、conoonテーマ対応してないみたい。。。w
また、別の方法見つけたらこの記事更新します。
対応してないとサイト壊れる可能性あるのでコワイのでやりません。w