【図解】サイトの表示速度を高速化する方法!画像圧縮ソフト3選とEWWW Image Optimizerの設定方法

サイトブログを高速化する方法
 

Googleがサイトを上位表示させるための、評価基準は200項目ほどあるといわれています。

その評価基準の1つに、サイトやブログの表示速度があります。

もちろん、早い方が良いです。今回はサイトの教示速度を高速化して、順位を安定させるというお話です。


ページの表示速度が2秒遅くなるだけで、直帰率が約50%も増加するというデータだったり、0.1秒遅くなると、売上が1%減る、といったことも言われています。

 

それくらい、サイトやブログの表示速度は大切ですので、表示速度アップを目指しましょう。

この記事では、サイトの表紙速度を、アップさせる方法をまとめます。

サイトの表速度を上げる方法

サイトの表示速度を上げる方法その1

サイトの速度を上げる方法のひとつに、画像を圧縮してサイズを小さくする、というのがあります。

私が使っているフリー(無料)ツールのサイトです。

TinyPNG

Web上で動くツールで、画像1枚でも、ファイルごとでも、ドラッグ&ドロップすれば、すぐに圧縮してくれます。

 https://tinypng.com/

optimizilla

TinyPNGとの違いは、圧縮率を選べます。

 http://optimizilla.com/ja/

縮小専用

⇒ http://i-section.net/software/shukusen/

最近は縮小専用ばかり使っています。

TinyPNGと比べてことがありますが、縮小専用の方が圧縮率が高かったです。

サイトの表示速度を上げる方法その2

プラグインを入れる

・EWWW Image Optimizer

 

EWWW Image Optimizer 設定の仕方

 

EWWW Image Optimizerでできること

プラグインのEWWW Image Optimizer(EWWWイメージオプティマイザー)を入れることで、画像を最適化することができます。

画像を最適化することにより、ページのロード速度を向上させます。


ロード速度を向上させることで、検索結果のランキングで上位に表示されたり、売上が向上する、SEO効果があります。

また、サーバーのストレージと転送量を下げることも出来ます。

画像をアップロードする時に、自動圧縮してくれます。

さらに、嬉しいことに、既にアップロードしてある画像も、適切なファイルフォーマットで圧縮してくれます。

EWWW Image Optimizerの設定の仕方

ワードプレスのプラグイン「EWWW Image Optimizer」をインストールします。

プラグインをインストールしたら、管理画面の左メニューの「設定」の中に「 EWWW Image Optimizer 」という項目が追加されます。

「 EWWW Image Optimizer 」をクリックすると詳細設定の画面にアクセスできます。

 

EWWW Image Optimizerの基本設定はデフォルトのままでOKです。

デフォルトでチェックがすでに入っています。

 

すでに入っている画像を最適化する方法

EWWW Image Optimizerのプラグインを入れる前に、入れてある画像を最適化する方法について見ていきましょう。

「メディア」⇒「一括最適化」⇒「最適化されていない画像をスキャンする」⇒「最適化開始」

これだけで最適化できます。

すでに入っている画像が最適化されました。

EWWW Image Optimizerの機能まとめ

  • 画像をアップすると自動でファイルサイズを圧縮してくれる
  • 過去にアップ済みの画像も、ファイルサイズの圧縮が一括でできる
  • 画像圧縮の処理速度が早い

ブログの表示速度を上げる方法まとめ

この記事では、サイトやブログの表示速度を上げて、SEO効果を高める方法をご紹介しました。

SEO的には、画像を圧縮することが有効です。サイトが重くなってから画像が負荷を書けていることに、気づく場合が多いです

サイトで記事をアップする時は、フリーソフトを使って、画像を圧縮することを、習慣づけましょう。

すでに入っている画像も、プラグインを使えばかんたんに、圧縮処理できます。

訪れたサイトが開かなかったら、私も離脱します。読者の方も同じですよね。

Googleは、ユーザーズファーストの理念を掲げていますので、私達もユーザビリティを考えて、サイトを作っていきましょう!

読者さんに好かれるサイトが、Googleに好かれるサイトになりますので、サイトやブログの表示速度にもこだわって、離脱率を下げていきましょう。

どれも、使い方や設定はかんたんですので、ぜひ試して見て下さい。

[cc id=”102″ title=”LINE@メルマガ登録”]

スポンサーリンク

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です