ページ速度最適化

ページの表示速度を最適化するために、Snow Monkey には実験的にいくつかの機能を仕込んでいます。

使用中のプラグインによっては不具合が起きたり、環境によっては逆に遅くなったりする可能性もありますので、オンオフしながら都度計測して、必要なものを使用するようにしてください。

カスタマイザー > ページ速度最適化とすすみ、設定パネルを開いてください。

jQuery の読み込みを最適化する

jQuery 及びその他の JavaScript を defer 読み込みします。

使用しているプラグインおよび子テーマによっては JavaScript エラーが発生することがあります。

HTTP2 Server Push を使用する

ページを表示する前に、そのページの描画に必要な CSS や画像などを先読みさせることで表示の高速化を図ります。

サーバーや閲覧者のブラウザが対応していないと無視されてしまうため、まずはご自身のサーバーが対応しているか確認が必要です。

CSS を head に出力する

通常外部読み込みされる CSS を、ページに埋め込んで表示することで表示の高速化を図ります。

適用されるのは Snow Monkey が持つ CSS だけで、サードパーティーのプラグインなどの CSS には適用されません。

ブラウザキャッシュを使用する

画像などをブラウザにキャッシュさせ、2回目以降はサーバーまで読み込みにいかないようにすることで表示の高速化を図ります。

.htaccess ファイルを自動的に改変して実現するので、お使いの Web サーバーの種類や権限によっては利用できない場合があります。サーバー側で同様の機能が提供されている場合は、そちらの使用をおすすめします。

ヘッダーをキャッシュする

ヘッダーをまるごとキャッシュする機能です。まるごとキャッシュして2回目以降は情報をとりにいかないようにすることで表示の高速化を図ります。

テーマのアップデート時、カスタマイザーの更新時等のタイミングでキャッシュが更新されます。管理バーの「キャッシュを削除する」ボタンでキャッシュを削除することもできます。

静的ファイルにキャッシュするため、例えばログインしているかどうかで内容を出し分けたりしている場合は正しい内容が表示されない、表示するべきでない内容が表示されるということが起こりえます。全てのページ・全ての閲覧者に同じ内容を表示している場合以外は有効化しないことを強く推奨します。

フッターをキャッシュする

フッターをまるごとキャッシュする機能です。まるごとキャッシュして2回目以降は情報をとりにいかないようにすることで表示の高速化を図ります。

テーマのアップデート時、カスタマイザーの更新時等のタイミングでキャッシュが更新されます。管理バーの「キャッシュを削除する」ボタンでキャッシュを削除することもできます。

静的ファイルにキャッシュするため、例えばログインしているかどうかで内容を出し分けたりしている場合は正しい内容が表示されない、表示するべきでない内容が表示されるということが起こりえます。全てのページ・全ての閲覧者に同じ内容を表示している場合以外は有効化しないことを強く推奨します。

メニューをキャッシュする

各メニューをまるごとキャッシュする機能です。

通常、メニューは表示の都度、メニューに割り当てたページの情報をとってくるため負荷がかかりますが、まるごとキャッシュして2回目以降は情報をとりにいかないようにすることで表示の高速化を図ります。

テーマのアップデート時、カスタマイザーの更新時等のタイミングでキャッシュが更新されます。管理バーの「キャッシュを削除する」ボタンでキャッシュを削除することもできます。

静的ファイルにキャッシュするため、例えばログインしているかどうかで内容を出し分けたりしている場合は正しい内容が表示されない、表示するべきでない内容が表示されるということが起こりえます。全てのページ・全ての閲覧者に同じ内容を表示している場合以外は有効化しないことを強く推奨します。

ウィジェットエリアをキャッシュする

各ウィジェットエリアをまるごとキャッシュする機能です。

通常、ウィジェットエリアやウィジェットの表示はデータベースとの通信が発生するので負荷がかかりますが、まるごとキャッシュして2回目以降は情報をとりにいかないようにすることで表示の高速化を図ります。

テーマのアップデート時、カスタマイザーの更新時等のタイミングでキャッシュが更新されます。管理バーの「キャッシュを削除する」ボタンでキャッシュを削除することもできます。

静的ファイルにキャッシュするため、例えばログインしているかどうかで内容を出し分けたりしている場合は正しい内容が表示されない、表示するべきでない内容が表示されるということが起こりえます。全てのページ・全ての閲覧者に同じ内容を表示している場合以外は有効化しないことを強く推奨します。

軽量な FontAwesome を使用する

Snow Monkey はアイコンに FontAwesome を利用しているのですが、FontAwesome は全部で1MB超の容量があるため、ページの表示速度やモバイルでの通信量に結構な影響を与えてしまっていました。そこで、カスタマイザーに「軽量な FontAwesome を使用する」という設定を追加しました(カスタマイザー > ページ速度最適化 > 軽量な FontAwesome を使用する)。

これを有効化すると、Snow Monkey テーマで使用している FontAwesome アイコンのデータだけをロードするようになるため、読み込むファイルサイズが83KBと超軽量になります。反面、自由に全てのアイコンを使用することはできなくなるため、フッター固定ナビゲーションなどにアイコンを入れている方はご注意ください。

リンクの先読み機能(prefetch)を使用する

画面遷移を高速化させるために、画面に入ったリンクとホバーしたリンクを先読みするようにしました。

リクエスト数がかなり増えるため、サーバーの負荷が高くなる可能性があります。

Snow Monkey オンラインコミュニティ

Snow Monkey をより良いテーマにするために、今後の機能開発等について情報共有したりディスカッションをしたりする場所です。より多くのユーザーの交流があったほうがより良いプロダクトに育っていくと思いますので、ぜひご参加ください!