BLOG運営 カテゴリー 初心者

【サイト表示速度改善】EWWW Image Optimizer で簡単に画像圧縮!設定や使い方

サイト表示速度が改善できない 何からすればいいのかわからない

そんな悩みを解決します!

先ずは画像圧縮をしてください。 

 

かなり改善が見込めます。

事実自分もモバイル数値が大きく向上した方法の1つです。

PageSpeed Insightsでの測定結果です。

改善前

 

 

 

 

改善後

 

 

 

 

 

 

 

 

簡単に画像圧縮するには?

EWWW Image Optimizer を使えばいいです!

 

EWWW Image Optimizer とは

 

 

 

 

 

自動で画像サイズを圧縮してくれるプラグインです。

 

SEOでも重要視されているサイト表示速度の大きな原因となる画像の大きさを簡単に解消してくれる便利なプラグインです。

サイトの表示速度が速くなることでSEO的ににも読者にも良い効果が生まれます!

EWWW Image Optimizerができる事

・アップした画像を自動で最適化
・過去にあげた画像を最適化してくれます。

 

便利なのは過去の画像も最適化する事ができますのでオススメです!

 

EWWW Image Optimizer ダウンロード

では早速EWWW Image Optimizer の使用手順を解説していきます。

 

先ずはEWWW Image Optimizerをダウンロードしましょう。

 

 

 

 

 

EWWW Image Optimizer 基本設定

EWWW Image Optimizer のダウンロード終わったら基本設定しましょう。

ベーシック

こちらは基本「ピクセルパーフェクト」で問題ありません。

 

 

 

 

変換

コンバージョンリンクを非表示の部分にはチェックを入れときましょう。

理由:勝手に拡張子が変換されてしまうと画質が下がる場合があるため

 

 

 

 

Web P

 

 

 

 

JPG, PNG から WebPにチェックを入れましょう。

WebPとは?

簡単にいうとgoogle推しの画像フォーマットです。

注意

WebPは一部ブラウザーで対応していないため「.htaccess」にベーシックの下部にあるテキストを貼り付けましょう。

EWWW Image Optimizerと合わせてオススメ

 

 

 

 

 

EWWW Image Optimizerと並んでオススメなのが「tinypng」です。

プラグインでなくサイト型の画像圧縮ツールです。

 

正直圧縮率に関しては「tinypng」の方が優秀なため多くのサイトでもオススメされています。

大きめのサイズのものは「tinypng」を利用する事をオススメします。

まとめ

サイト速度に大きく影響する画像ですので必ず圧縮しましょう。

 

この工程を行うだけで結構な改善が見込めます。

ぜひ試してください!

  • この記事を書いた人

ATSUSHI

大学中退し29歳まで音楽活動をしながらバイトで生活したものの危機感を覚え29歳にして初めて就職活動。バンド活動で培ったマインドや行動力やノウハウを活かして会社員をしながらブログ運営と独学でプログラミング学習。 自分自身で生きる力をつけれるような情報を随時発信。

-BLOG運営, カテゴリー, 初心者

Copyright© A.S.L Blog , 2020 All Rights Reserved Powered by AFFINGER5.