Warning: file_put_contents(/home/m-glam/mbdb.jp/public_html/wp-content/uploads/wpo/images/wpo_logo_small.png.webp): failed to open stream: Disk quota exceeded in /home/m-glam/mbdb.jp/public_html/wp-content/plugins/wp-optimize/vendor/rosell-dk/webp-convert/src/Convert/Converters/Gd.php on line 428
なぜ見逃していた! WordPressの多機能プラグイン「Jetpack」のPhotonがイイじゃないか!!

なぜ見逃していた! WordPressの多機能プラグイン「Jetpack」のPhotonがイイじゃないか!!

うわー、なんでコレ使ってなかったんだろう・・・。
正直、ものすごい勢いで早く使っとけばよかったと素で後悔しちゃいましたよ。

以前、紹介したことのある「Jetpack」プラグインの一機能として提供されている「Photon」がソレです。

Photon

以前、この「Jetpack」について書いたのはコメント機能に関するものでした。

なんかちょっとWPユーザーにいいかもねという「Jetpack」のコメント機能を試してみた 

たしか、この記事を書いた頃はまだ「Photon」という機能はなかったはず。いつの間にこんな素晴らしい機能がついたんでしょう。

何がどう素晴らしいのかといいますと、「Photon」というのはWordPress.comのCDN(コンテンツ・デリバリー・ネットワーク)に画像をキャッシュさせて、それをフロントに表示させることで、サイト自体のスピードアップを図れるというもの。

ここ最近ブロガー界隈で、「CloudFlare」という無料CDNサービスが話題になっていましたが、あれと同じようなものです。

話題性もあって、うちでも一度「CloudFlare」は導入してみたものの、レンサバのロリポップ! 側との相性が悪いのか、スピードアップどころかスピードダウンしまして、あっさり別れを告げちゃったんですよね。

それにしても、こいつの何がいいって、特段これといって特別な設定が必要ないってことでしょうか。
「Jetpack」の管理画面上で[有効化]のボタンをクリックするだけですから。たったワンクリックで動き始めます。もちろん機能を停止させるのだってワンクリック。

Photon有効化

有効化してから当該サイトのソースを確認してみると、上図にあるとおり、画像のURLが、http://i1.wp.com/mbdb.jp…となっているのがわかります。
i1.wp.comというCDNサーバーにキャッシュが格納されているということですね。

実際に現在機能を有効化させてますが、体感的には以前より読み込みが速くなった気がします。

それと、この「Photon」のおもしろいところがもうひとつ。パラメータを付けることで画像処理が可能になるという点。

記事の幅よりも大きな画像を挿入することがあるかと思いますが、普通はこれってCSS側で画像幅を制御してたりしますよね。
これが、「Photon」を有効化することで勝手にresizeパラメータが入り、幅ピッタリの画像としてキャッシュしてくれているんです。これはイイ。

CSSで制御した場合は、大きな画像をCSSで縮小してるだけなので、画像ファイルの容量は変わらないんですが、「Photon」のresizeパラメータで縮小されたものは画像ファイルの容量も変わってくるわけで、当然のことながら読み込み速度は速くなるわけです。

この他にも、付与するパラメータによって、画像の切り抜きやグレースケール変換、円ポス風変換なんかもできるようですね。詳しくは以下の記事で見ることができますよ。

Dream Seed » WordPressの多機能プラグインJetpackのPhotonがすごいかもしれない 

いやー、WordPress素晴らしい。こんなにカンタンに画像をCDNから呼び出せるようになるなんて。しかも、「CloudFlare」のときと違ってちゃんと速くなってくれてるっぽいですしねぇ。ホント、もっと早くに気づいてればと思います。

「CloudFlare」導入にハードルの高さを感じる人にもオススメじゃないでしょうか。

「Jetpack」を導入することで、OGPタグも自動出力されちゃいます。
すでに別途OGPを出力するようにしている場合は、以下の方法で「Jetpack」のOGP出力を無効にすることができますよ。
WordPressの多機能プラグイン「Jetpack」のOGP出力を無効にする方法 

「WordPressプラグイン」新着記事

「Site Kit」 Googleが各種レポートを統合して閲覧できる、WordPressプラグインの開発ベータ版を公開

ホシナ カズキ

カスタムブロックを追加するなら「Block Lab」プラグインを導入すると幸せかもしれない

ホシナ カズキ

【2016年版】モバデビで絶賛稼働中のWordPressプラグイン

ホシナ カズキ

「SNS Count Cache」v0.10.0におけるFacebook取得の不具合を解決する

ホシナ カズキ

「SNS Count Cache」のFacebookカウント数取得できない問題を暫定的に解決した

ホシナ カズキ

もっと見る

モバデビはモバイルやウェブのネタ、ニュースMaciPhoneなどのApple関連、WordPressのことなど、いろいろ書く雑食系ブログメディア。
ためになるかもしれないし、ならないかもしれない。そこそこ更新してますそこそこ。

このブログについてもっと詳しく