【自分のブログの表示を早くする方法】WordPressの画像を最適化してみた(EWWW Image Optimizer)

自分のブログの表示を早くする方法

どうも携帯でのブログの表示が遅く感じていた。しこでWordPressプラグイン『EWWW Image Optimizer』を使って画像を圧縮して表示速度が早くなるように試してみた。

WordPressの画像を最適化するのは・・・プラグイン『EWWW Image Optimizer』を使って画像を圧縮する方法が適している。

その前に自分のブログの読み込み速度を図ってみる。Google運営のツール『PageSpeed Insights

で確認したところ、携帯での読み込み速度が29点というスコアだった。要は、当ブログは重たいということです。

スクリーンショット 2019 11 18 12 29 06

改善したく、調べてみたところ『EWWW Image Optimizer』のプラグインを使っている方が多くいることが分かりました。

スポンサーリンク

 

プラグイン『EWWW Image Optimizer』を使って画像を最適化する

利用したプラグインは、WordPress『EWWW Image Optimizer』です。公式フォーラムでの評判も高く、頻繁にアップデートが掛かっているため信頼性も高そうという事で選びました。

スクリーンショット 2019 11 18 14 57 25

画像もF1カーとなっており、高速化への期待が高まります。

 

インストール方法

インストール方法は極めて簡単です。WordPressの管理画面の左側にある項目『プラグイン』内の「新規追加」をクリックします。

スクリーンショット 2019 11 18 14 19 31

右上の検索窓に「EWWW Image Optimizer」と入力し、「今すぐインストール→有効化」の順にクリックします。

プラグインの追加の際に「EWWW Image Optimizer」と「EWWW Image Optimizer cloud」があります。

 

「EWWW Image Optimizer 」を利用しましょう。なぜなら、設定画面に日本語表記があるので使いやすいからです。

スクリーンショット 2019 11 18 14 21 10

EWWW Image Optimizer の設定方法

管理画面の左メニューの「設定」の中に「 EWWW Image Optimizer 」という項目が追加されています。

スクリーンショット 2019 11 18 14 30 45

 

ここをクリックすると詳細設定の画面にアクセスできます。僕の場合は設定をクリックすると一番下にありました。

設定するのは、以下の2つの項目です。

  • Basic(基本設定)
  • Convert(変換設定)

 

他の項目は、デフォルトのままで大丈夫です。1つずつ設定を行なっていきます。

 

Basic(基本設定)

ここでは「Remove Metadata」という項目にチェックが入っているかを確認します。ここにチェックを入れることで、画像のメタデータを削除してくれます。

スクリーンショット 2019 11 18 14 40 05

その結果、可能な限り画像のファイルサイズを小さくすることができます。

 

画像のメタデータとは、撮影場所やカメラ情報などを含む情報が記載されているデータのことです。

 

Convert(変換設定)

ここでは、コンバージョンリンクを非表示という項目にチェックをいれます。ここにチェックを入れておかないと「png→jpg」に変換したり「jpg→png」に勝手に変換します。

一見、何の害もないかのように思えますが、画像の拡張子を変えると画像の質が下がることがあります。その為、ここの項目には必ずチェックを入れ、変更を保存しましょう。

スクリーンショット 2019 11 18 14 43 04

これ以外の項目は、” コンバージョンリンクを非表示” にチェックを入れていない場合の設定項目なので特に気にする必要は内容です。

これで、EWWW Image Optimizer の設定は完了です。続いて基本的な使い方について解説す。

 

EWWW Image Optimizer の基本的な使い方

EWWW Image Optimizer は、インストールするだけで画像を新規投稿したら自動で圧縮してくれます。

どれほど圧縮されたのかは、一括最適化、終了後、画像最適化前後での『PageSpeed Insights』のスコアの変化を確認してみましょう。

 

既存の画像を一括で圧縮

EWWW Image Optimizer は、過去にアップした画像をまとめて圧縮することができます。これは便利です。

スクリーンショット 2019 11 18 13 56 01

 

左メニューより「メディア → 一括最適化」をクリックします。

一括最適化の画面になります、「最適化されていない画像をスキャンする」を選択しましょう。

スクリーンショット 2019 11 18 14 46 48

表示が切り替わり、「最適化を開始」をクリックします。すると、一括で最適化にすることができます。このブログでは、最適化すべき画像16449枚です。

時間的にも5~6時間かかりました。

スクリーンショット 2019 11 18 13 08 50

まとめ

サイトの表示速度を左右する三大要素は?

それでは、サイトの表示速度は何に影響されているのだろうか?それは以下の3つです。中でも画像の読み込みは表示速度に大きく関係する。まずはそれを改善することです。

  • 画像の読み込み
  • ソースの記述内容
  • キャッシュ 

画像の圧縮はサイトの表示速度の向上につながります。サイトの表示速度を上げる様々な手法がありますが・・・その中でも、最も簡単にできて、かつ効果の高い方法が画像ファイルサイズの圧縮です。

サイトの表示速度が上がると、ユーザビリティの向上につながり、ユーザーに対しても、SEOに対しても好影響を与えます。

 

 

 

 

スポンサーリンク

この記事を読んだなら、以下記事もおすすめ!

   

ー 商品 リンク ー

健康に良い食材商品リンク
完全無欠朝食バター コーヒーで使用 健康に良い 食用油オイル 体に良いハチミツ 食品に関する 書籍
HARIO (ハリオ) ハリオール ブライト コーヒー & ティー フレンチ プレス 4杯用 THJ-4SV

バージンココナッツ オイル

マヌカハニーMGO400+ 500g ジョコビッチの生まれ変わる食事
HARIO (ハリオ) ミルク 泡立て器 クリーマーゼット CZ-1  ブラウンシュガーファースト 有機エキストラバージンココナッツオイル  マヌカハニー バイオアクティブ 20+(UMF20+) 500g マヌカドクター【海外直送】 (1個) [並行輸入品] シリコンバレー式 最強の食事
業務用5kg フォンテラ社グラスフェッドバター バージン オリーブオイル エキストラバージン オリーブオイル 酸度0.3%以下 250ml ココナッツ癒しパワー 健康で、美く
ニュージランド産 グラスフェットバター無塩1kg 冷凍 安全ですばらしい 亜麻仁油 フジッコ カスピ海 ヨーグルト 「腸の力」であなたは変わる: 一生病気にならない、脳と体が強くなる食事法 (単行本)
ギー・イージー 100g  MCTオイル グルテンフリー食品 はじめてのオーガニック手帖
コーヒー豆 プレミアムブレンド 100g レインフォレスト  ココナッツオイル100% ココヤシの泉 ナチュレオ 912g 【生活科学研究会】 オーガニック ココナッツ&ギー(グラスフェッドバター)325ml混ぜるだけでバターコーヒー(完全無欠コーヒー)にEU有機認証 

からだの中から若返るグリーンスムージー健康法

携帯出来る MCTオイル (20g×10包)  グルテンフリーパン 

あなたは半年前に食べたものでできている 実践編

 マウントハーゲン オーガニック フェアトレード インスタントコーヒー100g 携帯用日本製粉 アマニ油 ミニパック 5g 30袋  グルテンフリーパスタ