サイト表示速度UP!EWWW Image Optimizerを初心者向けに解説

2021年5月23日

サイト表示速度UP!EWWW Image Optimizerを初心者向けに解説

記事の結論

EWWW Image Optimizerとは何モノ?
■ なぜ導入する必要があるの?
■ 導入方法は?

など初心者の抱く悩みがマルっと解消できます。

詳細は、当記事の内容《サイト表示速度UP!EWWW Image Optimizerを初心者向けに解説でご確認ください。

本文に入る前に・・

まなぶ君
まなぶ君
とも蔵さん・・。

最近わたくしのサイト、表示されるのが遅い気がしてならないのです。

何か目に見えないモノが、悪さをしているのでしょうか?(汗)

とも蔵
とも蔵
まなぶ君・・。

もしやそれは、今ブロガーの中で噂になっておるお化けかもしれんよ・・(汗)

その名は、「妖怪速度落とし」や!!

まなぶ君
まなぶ君
・・・。

最近、ギャグが雑すぎます・・。

とも蔵
とも蔵
あっ・・(汗)

えっと・・

まなぶ君のサイトは画像結構使ってるやんな?

記事投稿前に、画像をちゃんと適正な画質にせな容量も使ってまうし表示速度も遅くなってまうで!!

まなぶ君
まなぶ君
それは知りませんでした・・(汗)

画像は、そのままバシバシ貼り付けてしまっております・・。

とも蔵
とも蔵
なるほどなっ!

そんじゃ、画像圧縮プラグインを導入して解決やっ♪

 

はじめ

こんにちは、とも蔵です。

わたしは、営業マン時代トップセールスを維持するために行動心理学を学び実践に活かしてきました。

行動心理を理解したことで、お相手の生活を「豊かにする」という視点で提案ができるようになり安定したトップ業績を維持。

同時に、コミュニケーション能力も培われ爆速で管理職に就任。

管理職に就いてからは人間哲学やリーダーシップ、マネジメントに関する本を読みあさりアウトプットし続ける毎日を過ごしています。

同時進行で、「新たな挑戦」として始めたブログ運営に関しての学びや、得た知識のアウトプットも本格的に始めました。

あわせて、日々の生活の中で役に立ったモノ(商品や考え方)も「豊かにする」視点でどんどん記事にしてアウトプットしていきます!

今では、わたしの行動に共感する仲間が増え刺激的な日々を過ごしております。

記事の最後に、当記事と併せて読んでほしい「おすすめの本」も紹介しております。

もしよろしければ、是非この機会にレビューだけでも覗いてみてくださいね♪

とも蔵詳細プロフィールはこちら

 

【自由な人生はココから始まる!まずは無料体験♪】

読者の皆様(あなた)へ

その画像・・

もしかして、サイズ無加工のままサイトにアップロードていませんか?

画像サイズは、サイトの表示速度に大きく影響します。

サイトの表示速度が遅いと、ユーザビリティーが下がりサイト離脱率が高まります。

せっかくサイトに訪問してもらっても、最後まで読んでもらえなければ元も子もありませんよね?

では、サイトの表示速度をおとさない為に何をすべきか?

それは、画像サイズの最適化です。

とはいえ、アップロードする画像をその都度最適化するのは手間ですよね?

そこで、当記事では誰でも簡単に画像サイズを最適化できる必須プラグイン「EWWW Image Optimizer」について紹介していきます。

■ 最近サイトの表示速度が遅い・・

■ 画像を多く取り入れているが、対策はしていない・・

という状態の方へおすすめです♪

EWWW Image Optimizerとは

≪導入手順まで読み飛ばす≫

EWWW Image Optimizer

【特徴】
■ 新規画像アップロード時に自動でサイズを圧縮
■ アップロードしている既存画像をワンクリックで一括圧縮
【言語表記】
■ 日本語対応
【機能】
■ 画像メタ情報の削除
■ 新規画像の圧縮
■ 既存画像の一括圧縮

 

プラグイン導入前の注意事項

導入前の注意事項

確認その1

■ 使用テーマとの相性を確認すべし

※[使用テーマ名 EWWW Image Optimizer 相性]のキーワードで検索するとほぼ確認が取れます。

 

確認その2

■ バックアップを取っておくべし

※新しいプラグインを導入すると、ごく稀に不具合を生じる事がある為

 

EWWW Image Optimizerの導入

まなぶ君
まなぶ君
念のため、バックアップを取っておきました♪
とも蔵
とも蔵
ちゃんと注意事項を読んでくれたんやな♪

よっしゃ、画像どおりにサクッと導入してくで!

 

EWWW Image Optimizerのインストール

WordPress管理画面≫サイドバー≫プラグイン≫新規追加

プラグイン新規追加までの流れ画像

 

[キーワード]にEWWW Image Optimizerと入力

EWWW Image Optimizer検索画面

 

[今すぐインストール]≫[有効化]

EWWW Image Optimizerインストール有効化

 

EWWW Image Optimizerの初期設定

まなぶ君
まなぶ君
導入完了致しました♪
とも蔵
とも蔵
おし!

[EWWW Image Optimizer]は導入するだけで、画像圧縮スキルが発動するんやけど2つだけ設定しておきたい事があるんや!

 

初期設定2つ

■ メタデータの削除・リサイズ
■ コンバージョンリンクの非表示

 

WordPress管理画面≫設定≫EWWW Image Optimizer

EWWW Image Optimizer初期設定画面

 

[Enable Ludicrous Mode]

EWWW Image Optimizerの初期設定画面

 

✔メタ情報削除・リサイズの設定方法

■メタ情報の削除

画像に含まれる位置情報やカメラ機種情報などの余分な情報がクリアされます。

 

[基本]≫①[メタデータを削除]に✔を入れる≫②[画像のリサイズ]1024px以下の数字を入力≫[変更を保存]

EWWW Image Optimizerメタ情報の削除・画質設定画像

 

■リサイズ

リサイズの設定を行うことで、すべての画像が適正なサイズに変更され画像容量を大幅に削減できます。

 

[リサイズ]≫[既存の画像~]及び[他の画像~]をチェック≫[変更を保存]

EWWW Image Optimizer画像圧縮設定画面

 

✔コンバージョンリンク非表示の設定方法

■コンバージョンリンク非表示

勝手に画像の拡張子変えられてしまい、画像の質が低下するリスクを回避します。

EWWW Image Optimizer画質設定画面

 

EWWW Image Optimizerの主な使い方

まなぶ君
まなぶ君
初期設定が完了しました♪
とも蔵
とも蔵
よし!

そんじゃ、基本的な使い方の説明に入るで~♪

 

アップロード済み画像の最適化

とも蔵
とも蔵
まずは、過去にアップロードした画像の一括最適化のやり方や!

一括最適化

WordPress管理画面サイドバー≫[メディア]≫[一括最適化]

EWWW Image Optimizer一括最適化手順画像

 

新規アップロード画像の最適化

とも蔵
とも蔵
初期設定が完了してれば、自動で画像圧縮してくれるで♪

どれくらい圧縮されたかの確認もできるんや!

EWWW Image Optimizer自動圧縮状況確認画面

 

記事のまとめ

Point

無加工の画像は、サイトの表示速度に大きく影響します。

サイトの表示速度が遅いと、ユーザビリティーが下がり離脱率が高まります。

そこで、自動で画像を圧縮してくれるプラグインEWWW Image Optimizerの導入をおススメします。

作業は以下の手順です。

①EWWW Image Optimizerの導入

②EWWW Image Optimizerの各種設定

 


EWWW Image Optimizer

【特徴】
■ 新規画像アップロード時に自動でサイズを圧縮
■ アップロードしている既存画像をワンクリックで一括圧縮
【言語表記】
■ 日本語対応
【機能】
■ 画像メタ情報の削除
■ 新規画像の圧縮
■ 既存画像の一括圧縮

 


導入前の注意事項

確認その1

■ 使用テーマとの相性を確認すべし

※[使用テーマ名 EWWW Image Optimizer 相性]のキーワードで検索するとほぼ確認が取れます。

確認その2

■ バックアップを取っておくべし

※新しいプラグインを導入すると、ごく稀に不具合を生じる事がある為

 


初期設定2つ

■ メタデータの削除・リサイズ
■ コンバージョンリンクの非表示

上記設定をしておくことで、新規画像アップロードの度に自動で最適化してくれます。

この記事と併せて読んで頂きたい「おすすめの本」♪


最後までお読みいただきありがとうございました。

当ブログは「ブログ村」に参加しております。

⇩この記事を「いいね♪」を思って頂けたら応援クリックお願い致します。⇩

 にほんブログ村 にほんブログ村へ
にほんブログ村 

⇩「ブログ村」参加しています!応援クリックして頂けるとすごく嬉しいです(^^♪⇩