サイトスピード高速化設定【プラグインなし】|WordPressテーマ『STORK19』

 

こんにちは!KEN(@KEN_kenblog)です!

 

「WordPressテーマ『STORK19』のサイトスピードを上げたい。何か良い方法があったら教えて欲しい。」

そんな疑問にお答えします。

記事の最後に、高速化を実装した僕のサイトスピードを公開しております(。-`ω-)

 

本記事の内容

本記事の内容↓

・『STORK19』の高速化設定【プラグインなし】

WordPressテーマ『STORK19』の高速化設定【プラグインなし】

WordPressテーマ『STORK19』の高速化設定【プラグインなし】

WordPressテーマ『STORK19』には、最初から画像遅延読み込みの機能が搭載されています。

この画像遅延読み込みの機能は、サイトの表示スピードを遅らせる原因となる画像の読み込みを後回しにし、先に文章を表示させることでサイト全体の高速化が実装できる機能です。

本来であれば「Lazy Load」などのプラグインを必要とするのですが、『STORK19』を使用しているのであればプラグインは不要です。

プラグインの導入自体もサイトスピードを遅くする原因。

『STORK19』ならば、無駄なプラグインをインストールすることがなくなるので、さらに高速化できるようになりますよ。

高速化の手順がこちらです。

①画像遅延読み込みの設定

②絵文字用JSの読み込み設定

③【JavaScript】defer属性の付与設定

①画像遅延読み込みの設定

画像タグに「loading=”lazy”」を設定し、画像の遅延読み込みをする設定を行います。

先ずWordPress左サイドバーから「外観」→「カスタマイズ」をクリック

「外観」→「カスタマイズ」をクリック

するとカスタマイズの画面に行くので、左サイドバー「サイト全体の設定」をクリックします。

「サイト全体の設定」をクリック

「画像の遅延読み込み」という項目があるので、「遅延読み込みをする」にチェックを入れましょう。

「遅延読み込みをする」にチェック

チェックを入れたら「公開する」をクリック

「公開する」をクリック

これで反映されるようになります。

遅延読み込みの設定は完了です。

補足:

プラグインなどで遅延読み込みの設定を行っている場合は悪影響を及ぼす可能性があるので、プラグイン側の遅延読み込み設定を解除しておきましょう。

②絵文字用JSの読み込み設定

絵文字をJavaScriptで読み込ませる設定です。

多少ですがサイトスピードの改善につながるかと。

テーマのカスタマイズ画面から「その他の設定」をクリック

カスタマイズ画面から「その他の設定」をクリック

左サイドバーをスクロールすると「絵文字用JSの読み込み設定」という項目があります。

「絵文字用JSの読み込み設定」

絵文字を使用している人は「読み込む」にチェックを入れましょう。

チェックを入れたら「公開する」をクリックして完了です。

僕は絵文字は一切使用していないので「読み込まない」にチェックを入れています。

理由としては、Googleのクローラーが絵文字を文字として認識できないからです。

クローラーが認識できない=評価ができない=検索順位につながらい訳で、絵文字を使用する必要性はないのかなといった理由だからですね。

とはいえ、絵文字を利用した方が読者に感情が伝わるといった側面もあるので、使いたい人は使っても良いと思います。

この辺はお好みで設定して下さい(。-`ω-)

③【JavaScript】defer属性の付与設定

次に「JavaScript」を非同期で読み込ませるための設定を行います。

こちらは本来キャシュ系のプラグインで行う設定ですが、『STORK19』ならプラグインなしで設定が可能です。

サイトスピードの高速化につながる設定となります。

先ずテーマの「カスタマイズ画面」から「その他の設定」をクリック

先ほどの「絵文字用JSの読み込み設定」の上に「【JavaScript】defer属性の付与」といった項目があります。

「【JavaScript】defer属性の付与」

こちら「付与する」にチェックを入れます。

最後に「公開する」をクリックすることを忘れずに。

まとめ

最後に、こちらの設定を行った僕のサイトスピードを公開します。

サイトスピードの測定にはGoogleの公式ツール「PageSpeed Insighits」を使用しました。

左がモバイルのスピード86、右がPCのスピード98です。

実際に僕のサイト内を巡回してみると分かりますが、かなり高速ですよね(´ω`*)

 

『STORK19』を試してみたい方はこちらからどうぞ≫WordPressテーマ「STORK19」

SEOにも強く検索上位を狙える僕のお気に入りテーマです。

 

以上で『STORK19』で行えるサイトスピードの高速化設定の解説はおしまいです。

まったねー(´・ω・`)