Webサイトの読込みスピードアップ!WordPress画像圧縮プラグイン

この記事は約4分で読めます。

ブログの画像が重く読み込みスピードが遅い場合の対策として効果的なプラグインを紹介します。

Googleが推奨している「モバイルフレンドリー」なサイトに改善するための画像圧縮プラグインを紹介します。

今やWebを閲覧するのはPCよりもモバイルが多い時代となりました。

そのため、Googleはスマホ等のモバイル端末からWebサイトをストレス無しで読み込める「モバイルフレンドリーサイト」を推奨しています。

スポンサーリンク

Webサイトの読込スピードをチェック

PageSpeed Insightsでサイトの最適化を確認します。

Webサイトが最適かどうかの確認ができます。

Googleが提供するWebサイトのスコアを測定するためのツール「PageSpeed Insights」は、多くの人が使っているツールです。

ウェブページのコンテンツを解析し、ページの読み込み時間を短くするための方法を提案します。

「0~100」のスコアでページ表示速度が速いのか?遅いのか?判定を行ないます。

PCとモバイルの両方を確認することができ、対策のアドバイスも表示されます。

PageSpeed Insights チェック結果例
PageSpeed Insights チェック結果例

つまり対象のサイトは 評価が低く「遅い」ということですね!

改善が必要です。

この中で画像をはじめサイトの最適化のアドバイスしています。

画像圧縮プラグインでサイトのスピードアップ!

モバイルフレンドリーサイトを構築する場合、最初に取組めるのが画像の圧縮により読み込み速度を早くすることです。

ブログでは画像を多く使用する場合は、全ての画像を最適化することで、読み込み速度はかなり改善されます。

WordPressに画像圧縮プラグインをインストールしてスピードアップの対策をします。

画像圧縮プラグインには、「Ewww Image Optimizer」があります。

「Ewww Image Optimizer」は、WordPressの画像圧縮の定番ともいえるプラグインです。

「Ewww Image Optimizer」の設定と使い方

このプラグインは、インストールをしておくと画像をアップロードした時に自動的に圧縮してくれます。

画像を1枚ずつ圧縮しなくても済むので、とても便利です。

また、いままでWordPressで圧縮せずにそもまま使って保存されていた画像でも、後から一括して圧縮できるのがさらに便利です。

「Ewww Image Optimizer」のインストール方法

WordPressにプラグイン「Ewww Image Optimizer」をインストールして有効化をします。

プラグインは、赤枠(左がわ)を使います。

「Ewww Image Optimizer」の設定方法

有効にしたら、設定から「Ewww Image Optimizer」を選び、設定画面に進みます。

設定画面の「Basic」タブを開き、赤枠の「Remove Metadata」にチェックをいれます。これで画像についている日付等のメタデータを削除して軽くします。

次に「Convert」を開き、「コンバージョンリンクを非表示」にチェックを入れます。

これは勝手に他者によって変更できないようにするためです。

これで、左下の「変更を保存」をクリックして設定は終了します。

「Ewww Image Optimizer」の使い方

「Ewww Image Optimizer」の使い方を紹介します。

使い方には2つのパターンがあります。

(1)記事を投稿する時に記事の画像を圧縮する場合

通常は画像付きの記事を投稿すると、自動的に画像は最適化されます。

自動的に画像圧縮されるので、特に操作をすることはありません。

1枚ずつ画像を圧縮せずに済むので仕事の効率がアップします。

(2)今までの画像を一括して圧縮する場合

それまで画像を圧縮せずにブログで利用していた場合は、保存されている画像を一括して圧縮することが出来ます。

WordPressのダッシュボードのメディアから「一括最適化」をクリックします。

すると、以下の画面になりますので、赤枠の「最適化されていない画像をスキャンする」をクリックすます。

すると、最適化する枚数も表示されますので、指示に従って最適化をクリックして処理を開始します。

私の場合は3つのブログで、約1200枚、3000枚、9300枚の画像が一括で最適化されました。

今回ブログで使ったレンタルサーバーは、エックスサーバー です。(公式サイト)

おわりに

モバイルフレンドリーサイトはユーザーにとって読み込み速度が速くストレスが無い分、内部回遊や再訪の効果もあがります。

結果としてサイト評価も向上していきます。 是非活用したいプラグインの一つです。

nao(NAOテック)

タイトルとURLをコピーしました