ブログWebサイト表示速度測定【画像圧縮・最適化プラグイン】

ブログWebサイト表示速度測定【画像圧縮・最適化プラグイン】

kutinokatatimane

(奥さん作:面白い口の形を真似し合っている図)

 

 

ブログを運営していて、ブログの記事を更新していると

画像を使わないと説明しにくい場合があるよね。

 

 

 

だから、今となっては画像を多用するのが一般的なんだけど

回線が細い携帯回線や、電波が悪い場所にいたりすると

 

画像が表示されずに、ブラウザが応答停止しているような状態になる。

 

 

 

この状態になってしまうと、その読者は

せっかくアクセスしてくれたのに、離脱してしまう可能性が高くなる。

 

 

 

これってもったいないよね><

 

 

というわけで、今回は画像を多用するブログやWebサイトの表示を

速くするための画像圧縮・最適化をしてくれるプラグインを紹介する。

 

 

 

ワードプレスで画像圧縮・最適化をするためのプラグインは

何種類かあるんだけど、「EWWW Image Optimizer」をおすすめする。

 

 

 

理由は導入が非常に簡単なことと、一度導入してしまえば

新規で画像を追加したときに自動で画像圧縮・最適化してくれるから。

 

 

 

んでは、早速「EWWW Image Optimizer」の導入・設定を

こちらから紹介すると、まずはいつもどおりプラグインをインストールする。

 

201503301

 

 

 

上記画像の通り、ワードプレスの管理画面サイドバーの

「プラグイン」から「新規追加」をクリックしよう。

 

 

 

そうすると、いつものプラグイン検索画面になるので

下の赤丸部分に「EWWW Image Optimizer」と入力しよう。

 

201504021

 

 

下のEWWW Image Optimizerが表示されたら

インストールして「有効化」まで実施していただきたい。

 

201504022

 

 

無事にプラグインが導入できると、ワードプレス管理画面サイドバーの「設定」から

「EWWW Image Optimizer」というのが出てくるので、設定変更しよう。

 

201504023

 

 

EWWW Image Optimizerをクリックすると

下の画面が表示されるので、まずは「Basic Settings」から設定する。

 

201504024

 

 

上の赤丸部分を参考にしていただきたいんだけど、

「Remove metadata」にチェックをつけよう。

 

 

これは、画像ファイルに付属している

EXIFデータなどの余計な部分を削除する設定。

 

これで、さらに画像サイズを圧縮できるので

チェックをつけて、下の「Save Changes」をクリックだ。

 

 

 

 

次に下の画像赤丸部分の「Advanced Settings」のタブを

クリックしてほしい。

 

  201504025    

 

 

この「Advanced Settings」のページでは、

下の方にある「disable pngout」にチェックをつけよう。

 

201504026

 

 

他にもいろいろと設定する部分があるんだけど

他の設定をいじってもそこまで効果はない。

 

 

 

最後に「Conversion Settings」を設定するため

下記画像の赤丸部分のタブをクリックしてほしい。

 

201504027

 

 

ここでは、一番上にある「Hide Conversion Links」に

 

チェックをつけることで、このプラグインが自動で

JPEG・PNGを変換することを防いでくれるようになる。

 

 

以上を設定したら、忘れずに画面一番下にある

「Save Changes」をクリックして設定を保存してほしい。

 

 

 

無事に保存できたら、既にメディア登録した

画像を圧縮・最適化をしてみよう。

 

 

まずは、下の画面通りにブログ管理画面サイドバーにある

「メディア」から「Bulk Optimize」を選択していただきたい。

 

201504028

 

 

そうすると、下の画面が表示されるので

真ん中にある「Start optimizing」をクリックしよう。

 

 201504029 

 

 

そうすると、すでに保存されている画像全てを

圧縮・最適化してくれるので、しばらく放置しよう。

 

 

201504020

 

上記処理が終われば、無事に画像圧縮・最適化が

完了しているので、是非とも一度実施しておこう。

 

 

 

あっ、ちなみに

ワードプレスって初期状態だと連続改行ができないんだよね><

 

連続で改行を入れられないと、文章が読みにくいから

是非ともこちらの記事を参考に連続改行を入れられる設定をしてほしい。

↓ ↓ ↓

ワードプレスで改行できない【連続改行するプラグインを紹介】

 

 

そして、最後にもう一つ

 

この記事を読んでいるあなたも私のように月収を

10万円 → 100万円 → 1,000万円にしたくありませんか?

 

そのために必要なステップについて

こちらの無料メール講座で詳しく解説しています。

↓ ↓ ↓

moromi

※期間限定の無料特典です。

 

完全無料で手に入る今のうちに

忘れずに登録しておきましょう。

 

現在、通常ではありえない特典が無料でもらえる

特別キャンペーンを実施中なので、チェックしてみてください。

↓ ↓ ↓

newbanner

ネットビジネスの稼ぎ方を無料でプレゼント中

 

サブコンテンツ

このページの先頭へ