これから Nishiki テーマを使うなら
1度は確認しよう!

Nishiki テーマおすすめ設定 テーマおすすめ設定を見る

WordPress公式無料テーマ Nishiki では、ウェブサイトの表示速度改善などのパフォーマンス向上を図るため、テーマで使用している jQuery の読み込みを最適化する設定ができます。以下に設定手順を書きましたので、ご参考ください。

テーマ専用プラグインを有効化しよう

最適化を行う前に、まずはテーマ専用プラグイン「Nishiki Growing Beauty」本体をダウンロードして、プラグインをアップロード・有効化してください。※プラグインはどなたでも無料でダウンロードできます。

プラグイン本体のダウンロード・インストール方法はこちら

テーマ最適化の設定方法

プラグイン有効後、WordPress の管理画面から「Nishiki GB」→「一般設定」を選択します。

下の画像のように、テーマ最適化の画面が開くので「テーマ最適化」タブの「jQuery の読み込みを最適化」の項目にある「最適化する」にチェックを入れて「変更を保存」ボタンを押します。

これで設定完了です。Nishiki テーマで作ったウェブサイトのページを表示する際に、jQuery スクリプトの読み込みがページ表示の遅延などパフォーマンス低下に影響しないように変更を加えています。

最適化の注意点があります

もし、最適化したことによって影響を受けるページやプラグインがある場合は、チェックを外してください。大抵はテーマ側でカスタマイズを行うことで、その影響を回避できます。

おそらく影響を受けるようなウェブサイトは、テーマをカスタマイズされたり、色々なプラグインを導入されている方だと思います。解決方法はウェブサイトの数だけ様々なので、回避手順については省略します。

適用前と比べてみよう

最適化を行う前と後で「実際にどう変わったのか」を確認するには、テーマのデモサイトでご確認いただいた方が話が早いと思います(デモサイトは最適化にプラスして公式プラグイン「WP Super Cache」と「Autoptimize」を適用しています)。また、Googleが提供するウェブサイトのパフォーマンス計測ツール「PageSpeed Insights」でのスコア計測結果も目安の一つとしてご参考ください。サーバーはエックスサーバーを使用しています。

適用前

モバイル

PC

適用後

モバイル

PC

上記の「PageSpeed Insights」でのスコアだけを見ると、最適化の適用前と適用後では、特にモバイル(スマートフォンやタブレット)でページを開いた際のパフォーマンスに違いが出ています。

Nishiki テーマはパフォーマンスを意識して作られているので、体感速度的には適用前でも十分なパフォーマンスは出ます(これが「スコアは目安の一つとしてください」という理由でもあります)。

ただ、目安とは言え「スコアが高い」ことはアピールポイントの一つにもなりますし、実際に体感速度も向上します。ですので「テーマの最適化は、パフォーマンス向上を目指したい方のためのおすすめ設定」です。

まとめ

最適化できる箇所はこの他にもいくつかありますので、今後は段階を経て随時内容を増やしていく予定です。もし、Nishiki テーマを使っているウェブサイトのパフォーマンス向上を図りたい方は、テーマ最適化の設定をお試しください。

参考リンク

Nishiki テーマに関する情報は#wpnishikiをチェックしてください。

サポトピア
ユーザーコミュニティ
ユーザーコミュニティ
サポトピア会員であればどなたでも参加できるユーザーコミュニティを作りました。日々のウェブサイト運営にご活用ください。マニュアル・機能追加の要望やフィードバックなども受け付けています。まだできたばかりのサービスで、参加いただける方が増えるといいな〜と思います。ご参加お待ちしております。

参加する

※サポトピアにログインしてください