WordPressプラグイン「Optimus」で画像サイズを縮小し、サイトの読み込み速度を改善する方法

オンラインビジネスを運営しているWeb担当者なら、Googleなどの検索エンジンで上位表示される要因の一つが「サイトの高速化」であることをご存知でしょう。そしてよく耳にするアドバイスとして、画像をできる限り小さなサイズに最適化し、サイトの読み込みを妨げないようにすることが挙げられます。WordPressを利用しているなら、画像最適化プラグイン「Optimus」を試してみる価値は十分にあります。

Optimusとは

Optimusは、KeyCDN社が開発したWordPressプラグインで、サイトにアップロードした画像を自動的に最適化し、最大70%ものファイルサイズ削減を実現します。

WordPressに新しい画像をアップロードすると、その画像はOptimus.ioのサーバーへ送信され、そこで最適化処理が行われます。最適化された画像はサーバーに返送され、元のアップロードファイルと置き換えられます。これらすべての処理はバックグラウンドで静かに、リアルタイムで実行されます。

Optimusは可逆圧縮（ロスレス圧縮）を採用しているため、画質が劣化することはありません。さらに、画像から不要なメタデータをすべて取り除き、ファイルサイズのさらなる軽量化を図ります。

このプラグインは無料で利用できますが、100KBまでの画像という制限があります。有料版のOptimus HQ（年額19ドル）にアップグレードすれば、すべての画像を.webp形式へ変換可能になり、ファイルサイズを一段と削減できます。ただし、.webp形式はChromeとOperaのみ対応している点には注意しましょう。

画像圧縮の比較検証

Optimusが他の画像最適化プラグインと比べてどれほど優れているのか、「WP Smush」「Kraken」「Optimus」の3つを実際に比較してみました。

使用したのは富士山の写真で、元のファイルサイズは669,982バイト（672KB）です。

同じ画像を3つのプラグインでそれぞれ最適化した結果がこちらです。

可逆圧縮（ロスレス）においては、Optimusが最も高い最適化性能を示し、WP Smushとほぼ同等の結果となりました。一方、Krakenは削減率わずか5%程度と大きく差をつけられています。

しかし、Krakenの非可逆圧縮（ロッシー圧縮）を考慮に入れると（Optimusは非可逆圧縮サービスを提供していません）、ファイルサイズ削減率の差はかなり大きくなります（83%対13%）。その一方で、Optimusが提供する.webp形式は非可逆圧縮に匹敵する83.59%という削減率を達成しています。

補足：WP Smushにも非可逆圧縮機能はありますが、Proサブスクリプションが必要なため、今回のテストでは対象外としました。

.webp画像を配信するには

前述の通り、.webp形式はChromeとOperaでのみサポートされています。では、「対応ブラウザにだけ.webp画像を配信するにはどうすればよいのか？」という課題が出てきます。ここで活躍するのが「WordPress Cache Enabler」プラグインです。Optimusと同じ開発者が手掛けたこのプラグインは、サイトの静的ページを2種類生成します。1つは通常の画像を使ったバージョン、もう1つは.webp画像を使ったバージョンです。そして、アクセスしてきたブラウザが.webp形式に対応しているかどうかを自動的に判別し、適切なバージョンを配信します。W3 Total CacheやWP Super Cacheのようなページキャッシュプラグインでありながら、.webp対応が大きな特長です。

まとめ

とにかく最大限のファイルサイズ削減を求め、多少の画質低下を気にしないのであれば、Kraken Image Optimizerを選ぶのがおすすめです（MakeTechEasierでも採用しています）。一方、可逆圧縮と.webp対応を重視するなら、Optimusを試してみてください。KeyCDNネットワークやCache Enablerプラグインと組み合わせれば、サイトの表示速度を大幅に改善できるでしょう。