【WP】ウェブサイトのパフォーマンスを高めるためのプラグイン

ewww-image-optimizer-index

Googleよりウェブサイトの制作・管理を行うウェブマスター向けのガイドラインが告知されております。このガイドラインの目的は「ガイドラインに沿ってサイトを作成すると、Google がサイトを認識し、インデックスに登録し、ランク付けをするプロセスをスムーズにおこなう手助けとなります。」というようにウェブサイトの評価の基準とも考えられます。

そんなGoogleのウェブマスター向けガイドラインのひとつに「ウェブサイトの高速化」があります。高速化は「表示が速いサイトは、ユーザーの満足度を高め、ウェブ全体の質を向上させる・・・」というユーザーの利用満足度を高める観点からの考え方です。

表示される時間が長くなるとその分、離脱してしまう可能性も高くなり、顧客との接点を失ってしまうためウェブサイトの高速化は、制作・管理にとって取り組むべき課題だと思います。今後は、回線速度が遅い状態でのモバイル端末からのアクセスが多くなることも想定されるので高速化の対応はますます重要になってきそうです。

今回は、ウェブサイトの高速化。得にWordPressでウェブサイトを構築したときに、パフォーマンスを高めてくれるプラグインをご紹介します。

EWWW Image Optimizer

「EWWW Image Optimizer」はWordPressの管理画面よりアップロードされる画像を最適化処理してくれるプラグインです。

画像の最適化というのはどのようなことなのか。最適化はロスレス圧縮という技術で、表示される画質などの情報を保ったままデータ量を元の1/5~1/2に減らすことをいいます。1MBある写真が200KBにまで小さくできるということで、画像を多く使用するウェブサイトの高速化に適した技術です。

「EWWW Image Optimizer」の使い方はとても簡単です。まずは「EWWW Image Optimizer」プラグインをインストールして有効化をします。

基本設定

「設定」メニューに「EWWW Image Optimizer」が追加されていますので、「EWWW Image Optimizer」の設定画面を開きます。

ewww-image-optimizer-setting

「Basic Settings」を開き「Remove metadata」にチェックをします。「Remove metadata」のチェックは、画像のメタデータやEXIF情報(カメラで撮影したときの設定条件といった情報)、コメントを削除する設定になります。

最低限、以上の設定をして標準設定のままで十分だと思います。他にも圧縮をするエンジンを変えたり、JPGをPNGに変えるなどの機能を使うことができます。

設定を変更した後は「Save Changes」ボタンを押して変更した内容を反映します。

画像を最適化する方法

※画像を最適化する前に念のためサーバ上の画像をローカル環境へ保存しておくことをお勧めします。

プラグインが有効になっている間は、WordPressの管理画面内からアップロードされる画像は最適化の対象になります。

また、プラグインが稼動してない時にアップロードされた画像や基本のメディアフォルダ以外の画像ファイルを最適化することもできます。

「メディア」メニューに新しく「Bulk Optimize」が追加されていますので、「Bulk Optimize」の画面を開きます。

基本のメディアフォルダ内にある画像を最適化するときは「Start optimize」ボタンを押します。

基本のメディアフォルダ以外にある画像を最適化するときは「Scan and optimize」ボタンを押します。

ewww-image-optimizer-bulk-01

最適化の進捗はリアルタイムで確認することができます。10~40%容量が

ewww-image-optimizer-bulk-02

上記の画面表記は「EWWW Image Optimizer Version 2.2.2」のものになります。バージョンの違いによって設定内容などに違いがあるかもしれませんのでご了承ください。

関連記事

AI導入で失敗する地方中小企業の共通点|始める前に確認すべきこと

「AIを導入すれば、人手不足の悩みが一気に解決するはず…」 そんな期待を胸に動き出したものの、思ったような成果が出なかった──。 地方都市の中小企業から、こうした声をよく耳にします。 実際、総務省の調査では地方の生産年齢人口はここ10...続きを読む

2025.11.20AI活用作業効率化生成AI

株式会社寺坂商店との業務提携のお知らせ

拝啓 時下ますますご清栄のこととお喜び申し上げます。 平素は格別のご高配を賜り、厚く御礼申し上げます。 さて、このたび当社は、株式会社寺坂商店との間で、業務提携を行うことを決議いたしましたので、お知らせいたします。 株式会社寺坂商店 公式Webサイト(http...続きを読む

2022.07.22

【CSS】CSS3で実現するドロップシャドウ効果

画像処理のソフトなどには、文字やオブジェクトに影をつける「ドロップシャドウ」という機能があります。 ボタンや写真などに「ドロップシャドウ」使うことで立体的に表現することができるのでよく使われる効果のひとつです。 画像処理のソフトなどで行う「ドロップシャドウ」効果を...続きを読む

2015.02.09CSSHTMLコーディング

【フォト】藤枝花火大会《蓮華寺池公園》

毎年8月7日に藤枝市の蓮華寺池公園で開催される花火大会。 藤枝花火大会は、大正時代から続く静岡県藤枝市の歴史ある花火大会です。蓮華寺池公園の山々をバックに約5000発が打上がります。蓮華寺池公園周辺で花火を見ることが多いのですが、写真を撮ったのは、山側から花火を見下ろすように撮影...続きを読む

2016.08.07フォトギャラリー藤枝

「ウイルスに感染しました」と突然音が出たとき、本当にやってはいけないこと

スマホやパソコンを使っていて、 突然、 「ウイルスに感染しました」 「ピーッ!ピーッ!」という大きな音 が鳴り出すと、 誰でも驚きます。 画面には赤い文字や警告が表示され、 「今すぐ対応してください」 「この...続きを読む

2026.01.22インターネットの安全対策セキュリティの考え方フィッシング詐欺対策