シンプルなWordPressテーマ

Cocoonは、SEO・高速化・モバイルフレンドリーに最適化した無料テーマです。
見た目はシンプルですが、初めての方でも感覚的に使えるように
便利な機能を織り込んで作りました。
100%GPLテーマなので自由にご利用いただけます。

ダウンロードページはこちら。

ダウンロード

Cocoonおすすめのサイト高速化設定

テーマ設定

Cocoonは、出来る限りGoogleのPageSpeed Insightsに最適化した作りになっています。

PageSpeed Insights

Cocoonテーマ内の設定だけでも、PageSpeed Insightsで90点以上は取れるようになっていると思います。

PageSpeed Insights

画像の縮小化をしてある必要があります。プラグインが増えるほど、CSSやJavaScriptコード量が多くなるので、点数が下がる傾向にあるのでご了承ください。
早いサーバで、テーマのみ(プラグイン無し)で計測すれば100点も可能です。

以下では、Cocoonテーマでサイトの高速化設定をする方法を紹介します。

スポンサーリンク

高速化の準備

まず、高速化設定前の準備として画像の圧縮プラグインを利用することをおすすめします。

無料で使えるおすすめの画像圧縮プラグインはEWWW Image Optimizerです。

EWWW Image Optimizer
Speed up your website and improve your visitors' experience by automatically compressing and resizing images and PDFs.

Imagifyは、無料登録をすることで利用できます。

Imagify Image Optimizer
Dramatically reduce image file sizes without losing quality, make your website load faster, boost your SEO and save money on your bandwidth.

まずは、こういったプラグインで画像を圧縮しておく必要があります。

テーマ自体には画像圧縮機能はありません。

Cocoonで出来る高速化設定

テーマのみで行える高速化設定は、WordPress管理画面から「Cocoon設定→高速化」メニューを選択してください。

Cocoonの高速化メニューを選択

「サイト高速化」設定画面で、以下の項目にチェックを入れて設定を保存してください。

Cocoonの高速化設定

  1. ブラウザキャッシュの有効化(ブラウザにリソースを保存する)
  2. HTMLを縮小化する(HTMLのサイズを減らす)
  3. CSSを縮小化する(CSSのサイズを減らす)
  4. JavaScriptを縮小化する(JavaScriptのサイズを減らす)
  5. 変更を保存

これだけで、PageSpeed Insightsでモバイル・パソコン双方90点以上は出るのではないかと思います。

PageSpeed Insights[4]

多数のプラグインを使用している場合は、点数が下がる可能性があります。

サーバー速度が遅い場合はページキャッシュプラグイン

ただ、遅いサーバーを使っているとページのPHP処理に時間がかかり、減点される可能性があります。

そういった場合は、ページキャッシュプラグインの利用をおすすめします。

MixHostJETBOYのようなLiteSpeed系サーバーの場合は、LiteSpeed Cacheの利用をお勧めします。

LiteSpeed Cache
ページの読み込み時間を短縮します。LiteSpeed Cache の高性能なページキャッシュを使用して、より高速なサイトを構築しましょう。簡単にセットアップできます。 使いやすいです。

Apache系のサーバーの場合は、以下のプラグインがお勧めです。

W3 Total Cache
検索エンジン最適化 (SEO) & キャッシュによるパフォーマンスの最適化 (WPO)。統合キャッシュ: CDN、圧縮、ページ、オブジェクト、フラグメント、データベースのサポート。
WP Fastest Cache
最もシンプルで速いWP キャッシュシステム

Cocoonテーマでは、パソコンとモバイルのソースコードが100%同じになるよう完全レスポンシブで作成されています。

ですので、ページキャッシュプラグインの「モバイル設定」は不要となります。

画像を更に最適化する方法

前述した画像圧縮プラグインを使用しても、まだPageSpeed Insightsで「画像を圧縮してください」と出る場合もあるかと思います。

この警告は、プラグインで画像を最高レベル(有料機能)で圧縮しても出ることがあるので「PageSpeed Insightsの要求厳しすぎ…」という感じなのですが…。

けれど、そういった場合は、Jetpackの「画像最適化」機能を利用することである程度解決できます。

Jetpack by WordPress.com
統計情報、関連投稿、検索エンジンの最適化、ソーシャル共有、保護、バックアップ、セキュリティ、その他の目的に最適なプラグイン。

Jetpackで画像の最適化を行うには、WordPressの管理画面から「Jetpack→設定」メニューを選択してください。

Jetpackの設定画面を開く

Jetpackの設定画面で「Writing」タブを選択してください。

Jetpackの設定画面のライティングタブを選択

あとは「Speed up your site(あなたのサイトの高速化)」項目にある「Serve images from our servers(私たちのサービスから画像を提供する)」を有効にしてください。

Speed up your site

こうすることで、Jetpack側で画像が最適化されCDN配信されるようになります。

まとめ

ここまで、高速化設定を行えば、PageSpeed Insightsで90点後半はいけるのではないかと思います(※プラグインの影響がない場合)。

というか、最後にこういうこと言うと身も蓋もないですが、PageSpeed Insightsで100点を取ろうが、大事なのはサイトの内容です。

たとえ、PageSpeed Insightsで50点のサイトであろうが、内容が良ければ100点のサイトより上位表示されると思います。

なので、あまりページスピードにこだわるよりは、コンテンツに注力するのが、正しい時間の使い方だと思います。

テーマ設定
スポンサーリンク
この記事が気に入ったら
いいね!しよう
最新情報をお届けします。
わいひら

無料WordPressテーマ、Simplicity、Cocoonを作成。当サイトと寝ログを運営しています。

わいひらをフォローする
わいひらをフォローする
おすすめレンタルサーバー
mixhost

プラン変更で負荷対策が行えるので、ブログ向きのレンタルサーバーです。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/2・QUIC(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎復元ポイントを指定して復旧可能(無料)
○サーバ引っ越しオプションあり(有料)
〇アダルト・出会い系サイト可
△安定性にやや欠ける

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
△DBは7日分だけ無料復旧可能(ファイルは有料)
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可

性能も兼ね備えながら安くブログ運営を開始したいのであればここ1択。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/2・QUIC(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎復元ポイントを指定して復旧可能(無料)
○サーバ引っ越しオプションあり(有料)
△アダルト・出会い系サイト可(条件あり)
△開始したてなので運営能力は未知数(対応良)

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
サイトを続けるうちにアクセスが増えれば、プランのアップグレートで対応可能です。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越しオプションあり(無料)
○http/2(高速化プロトコル)に対応
〇アダルト・出会い系サイト可
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)

Cocoon

コメント