Wordpress

WordPressで画像の読み込みが遅い時の対処プラグイン【EWWW Image Optimizer】簡単設定でスピードアップ

Wordpressで画像の読み込みが遅い時の対処プラグインでの圧縮でスピードアップ方法

EWWW Image Optimizerは多分みんな使っているプラグインです。

 

夢中になって記事を書きまくって画像も添付してってやっていると、どんどんサーバーが重くなったり記事の表示スピードが遅くなったりしてしまいます。

 

特に初心者のうちは僕もですがPNGのバカみたく重い形式でアップロードしまくってしまう人もいるでしょう、、、笑

 

じゃあ、どうするんですか?って話しになるのですがEWWW Image Optimizerで解消する事ができます。

 

アップロードした画像を圧縮してくれるので表示速度の改善やサーバーの負担を減らしてくれるようになるので、あとは普段通りに記事を書いて大丈夫です。

 

PNGは容量が大きいので使用する段階でJpgで画像を作成し、それを圧縮してサイトにアップロードして利用するようにしてください。

 

画像は容量が小さくなるほどサーバーの負担や表示速度に関係してくるという事は覚えておいてくださいね!

 

僕は面倒だからやらないのですが、オンライン画像圧縮サイトもあります。

https://compresspng.com/ja/

EWWW Image Optimizerよりも圧縮されるはずです。

 

最後に試してみた画像ものせておきます。

 

オンラインで圧縮してからプラグインでさらに最適化するという方法もあるみたいなので、まめな方はやってみてください。

 

今回はお手軽なEWWW Image Optimizerの使い方の記事なのでインストールして使ってくださいね!

 

EWWW Image Optimizerについて

EWWW Image Optimizerについて紹介

 

画像を劣化させることなく自動で画像サイズを圧縮してくれるプラグインです。

サイトが亀状態でなかなか表示されなかったり重いと感じたらEWWW Image Optimizerで表示速度を上げることができます。

 

サイトの表示速度が遅いとユーザーが離脱していく可能性が高くなるので確実にマイナス要素になると後でわかったとしても、新しい画像もアップロード済みの画像も一括で圧縮してくれるので便利なプラグインになります。

 

  • 新規アップロード画像の圧縮
  • アップロード済みの画像を一括で圧縮

この2つの機能になります。

 

EWWW Image Optimizerの設定

EWWW Image Optimizer設定の手順1

 

まずはEWWW Image Optimizerをインストールしてください。

 

有効化したら設定→EWWW Image Optimizerと進みます。

 

EWWW Image Optimizer設定の手順2

 

ベーシックのメタデータの削除にチェックを入れます。

 

デフォルトでチェックが入っていると思いますが確認してください。

 

これで画像についている不要なテキストファイルなど自動的で削除してくれるのでファイルのサイズを削減してくれるようになります。

 

EWWW Image Optimizer設定の手順3

 

コンバージョンリンクを非表示にチェック

 

デフォルトではチェックが入ってないと思います。

 

最適化のされる時に、jpg→pngやpng→jpgに自動的に変換されるのを防いでくれて、チェックをしていないと自動的に変換され画質が悪くなる可能性があります。

 

この2つを確認して保存で完了です。

 

EWWW Image Optimizerの使い方

EWWW Image Optimizer使い方の手順1

管理画面→メディアを確認してみてください

今回は19.2%と22.8%の圧縮に成功しました。

 

新しくアップロードした画像は自動で画像の最適化がされているはずです。

 

これでOKです!

 

EWWW Image Optimizer使い方の手順2

アップロード済みの画像はメディア→一括最適化と進み

最適化指定ない画像スキャンをクリックします。

 

EWWW Image Optimizer使い方の手順3

 

僕の場合66点の画像を最適化をクリック

 

EWWW Image Optimizer使い方の手順4

スキャンが始まり完了になればOKです。

 

これで過去にアップロードした画像も最適化されました。

 

compresspng.comを試してみた

compresspngを試してみた

 

compresspng.comを試してみました。

https://compresspng.com/ja/

 

正直なところ毎回はめんどくさいと思いますが、効果ありそう、、、

 

Jpeg、Png、 PDFの3種類のファイルを圧縮する事ができます。

 

compresspngを試してみた結果は軽くなりました

 

とりあえず、JpegとPNGで試したところ

 

jpegは21%

PNGは60%

 

PNGやばくね??

 

そして、EWWW Image Optimizerで圧縮すると

 

Jpeg 68KB→64KB

PNG 15KB→9KB

 

もっと容量の大きな画像などには効果が期待できそうですね!毎回使うのが、、、って方はピンポイントでの使用も検討してみてください。

 

ちりも積もれば山となるので画像をたくさん使う方は利用してみてください。

オススメ

-Wordpress
-, ,

Copyright© フリーランスならブログ集客でしょ!?【SNSとブログでマネタイズする仕組みについて】 , 2020 All Rights Reserved.