2018年7月版 さくらのレンタルサーバ スタンダード プレミアム でのWordPress高速化

現在使用しているWordpressテーマはわいひらさんの「Cocoon」です
- Cocoonテーマの高速化設定
Cocoonテーマを更に高速化カスタマイズ
- 画像はもちろん背景画像やiframe・Scriptも遅延読み込みできる「lazysizes」

現在使用しているWordpressテーマはわいひらさんの「Cocoon」です

1年半前にWordpress高速化の記事を書いた時にはわいひらさんの作った「Simplicity」を使っておりましたがSimplicityも制作してから数年経ち、Webサイトに求められるものも日々変化していて大幅な更新が必要となったので、わいひらさんが今年の春に新しいテーマ「Cocoon」を制作されました。

Cocoon | WordPress無料テーマSEO・高速化・モバイルファースト最適化済みのシンプルな無料Wordpressテーマ。100％GPLテーマです。wp-cocoon.com

Simplicityもよくできたテーマでしたが、「Cocoon」はSimplicityを大幅に上回るよく出来たテーマで、

シンプル

内部SEO施策済み

完全なレスポンシブスタイル

手軽に収益化

ブログの主役はあくまで本文

拡散のための仕掛けが施されている

カスタマイズがしやすい

が特徴です。

Cocoonテーマの高速化設定

Cocoonテーマには高速化設定が内蔵されており、ブラウザキャッシュの設定・HTML/CSS/JS の縮小化がプラグイン無しで簡単にできます。
設定は各項目のチェックボックスをONにしていくだけで、簡単に高速化できます。

Cocoonテーマを更に高速化カスタマイズ

Cocoonテーマだけでも相当な高速化設定ができるのですが、画像の遅延読み込み機能はCocoonテーマには搭載されておりません。いわゆる「Lazy Load」と言われるもので、Wordpressプラグインでも沢山公式プラグインとして登録されております。

ただ「Lazy Load」はSEOには不向きで、Googlebotが正常に画像を認識できない可能性があるので色々と難しいのです。

SEOに適したLazy Loadの推奨をGoogleが近いうちに提案してくれるかもSEO に適した Lazy Load 推奨構成を Google が近いうちに提案してくれるかもしれない。Lazy Load（レイジーロード）は、画像を遅延読み込みする技術。ページの表示速度を速めることができるが、SEO には不向きと言われる。www.suzukikenichi.com

数ある Lazy Load プラグインの中でも一番良さそうなものを探して使ってみて、なかなか良かったのでご紹介致します。

画像はもちろん背景画像やiframe・Scriptも遅延読み込みできる「lazysizes」

GitHub – aFarkas/lazysizes: High performance and SEO friendly lazy loader for images (responsive and normal), iframes and more, that detects any visibility changes triggered through user interaction, CSS or JavaScript without configuration.High performance and SEO friendly lazy loader for images (responsive and normal), iframes and more, that detects any visibility changes triggered through user interaction, CSS or JavaScript without configuration. – aFarkas/lazysizesgithub.com

こちらはWordpressプラグインにはなっていないので自分で設定しなければいけないのですが、弊社Webサイトでは画像はもちろんですが、Iframeで埋め込んだGoogleマップやInstagram・Twitter・Facebookの埋め込みなども遅延読み込みできるので大変重宝しております。
Jqueryに依存しないので不具合も少ないです。

詳しい使い方は↓をご覧になってみてください。