テンプレート

ワードプレスのテーマ【JINジン】は表示速度が遅い?原因と解決策

ゆいまる
ゆいまる
アフィママのゆいまるです!

今までワードプレスのブログでテンプレート・テーマをどうしようか悩んでいたのですが、この度「JIN」に変えることにしました。

テーマを変えてみて、少しの設定でここまでキレイなブログが出来上がるとは、、、とても感動しています!

 

ただ、JINは表示速度がやや遅いことがあります。原因は、テーマ自体の大きさ・画像の大きさが関係しているのです。

ココでは、私がJINを使って、表示速度を早くする過程を書いてみましたm(__)m

ゆいまる
ゆいまる
テーマがJINでなくても、同じようにサイトが重い方は、これから書く内容のどれか一つでも取り入れてもらうと、改善されると思います!

JINダウンロードはこちら





スポンサーリンク

ワードプレスのテーマ【JIN-ジン】は表示速度が遅い?原因

JINのテーマに変えて、今までとは比べ物にならないほど見栄えが良くなって感動したのですが、その代わりにサイトが重くなってしまいました。

パソコンから見ると全く気にならないのですが、自分のスマホからこのサイト(アフィママぶろぐ)を見てみると…

ゆいまる
ゆいまる
お、お、重い!!( ゚Д゚) 

なかなか読み込まなくて、読みたい記事にたどり着かない。

固まってしまい、表示されないことも。

「これではせっかく訪問してくれた人も、すぐに離脱してしまう!」と思い、原因を探ることにしました。

サイトの速度診断をした結果

まずはじめに、サイトの速度診断をしてくれるツールhttps://gtmetrix.com/で速さを見てみました。

そこでサイトの速さを診断した結果です。

ワードプレスのテーマ【JIN-ジン】は表示速度が遅い?原因と解決策
ゆいまる
ゆいまる
スピードスコアはCかあ。まずまずだなあ。

と思っていると、ビックリしたのが、合計ページサイズ。その大きさ、9.9MB!!

JINにしたら、このサイトは10MB近くになったのね!( ゚Д゚)

ゆいまる
ゆいまる
容量デカすぎ問題


スポンサーリンク

ワードプレスのテーマ【JINジン】は表示速度が遅い?解決策

プラグイン「BJ Lazy Load」を導入!

もちろんJINだけのせいじゃなくて、画像も相当重いのでしょう。

と言うわけで、JINが推奨している、「BJ Lazy Load」というプラグインを入れてみました!

「BJ Lazy Load」は、ユーザーに見えていない部分の画像読み込みを遅くすることで、画像の表示を速くすることが出来ます!

 

画面のスクロールに合わせて、順々に画像を読み込んでくれるプラグインなんですね。

で、「BJ Lazy Load」を入れると、、、

 

スピードスコアはあまり変わらず。

ワードプレスのテーマ【JIN-ジン】は表示速度が遅い?原因と解決策

しかし「完全にロードされた時間」が早くなりました!合計ページも2MBくらい少なくなって、イイ感じ♪

おすすめプラグイン⇒「BJ Lazy Load

プラグイン「EWWW Image Optimizer」を導入!

しかし、もっとページスピードスコアを上げたいので、またまたJINが推奨しているEWWW Image Optimizer」というプラグインを入れてみました!

「EWWW Image Optimizer」は、画像を圧縮してくれるプラグインです。

 

このプラグインで画像を圧縮すると、ページスピードスコアがB(86%)に上がりました!

ワードプレスのテーマ【JIN-ジン】は表示速度が遅い?原因と解決策
ゆいまる
ゆいまる
早くなった!良かったー!!! 

「EWWW Image Optimizer」は、サイトにアップロードした画像を自動で最適なサイズに圧縮してくれるプラグインです。

画像を最適化することで画像の容量を小さくすることができます。

しかも、見た目が全く悪くならないので、ぜひ取り入れたいプラグインです♪

おすすめプラグイン⇒「EWWW Image Optimizer

別サイトとの比較もしてみる

ちなみに、以下の画像は私の別サイトの速度を調べたものです。テーマは賢威

 

画像の多さがこのサイト(アフィママぶろぐ)の比じゃないので、遅くて当然なのですが、JINとの大きな違いは、合計ページサイズ。

ワードプレスのテーマ【JIN-ジン】は表示速度が遅い?原因と解決策

記事数・画像数ともに結構多いのですが、合計ページサイズ的には1.77MBと、少ない。

JINははじめ、10MBもあったのに対し、賢威は2MBにも満たないのです。

 

平均的なブログ的にも、3MBくらいが一般的だそう。

ゆいまる
ゆいまる
この辺が、表示速度が遅い原因ですね。 

JINは機能も充実しているし、アニメーションが付いたりしていてそれだけ素晴らしいのですが、他のテーマと比べるとどうしてもページサイズが大きくなるのは覚悟しておいた方が良さそうです。


スポンサーリンク

追記:その後めちゃ改善されたワケ!

ここは追記です。

なんとあの後、当サイトをかなり早くすることが出来ました!

ワードプレスのテーマ【JINジン】は表示速度が遅い

ページスピードは、念願の”A”!

ゆいまる
ゆいまる
やったーー! 

そして合計ページサイズもなんと、2.05MB!

ちょっと前まで8MBもあったのに、かなり減っています。一体どうしたのでしょうか?

 

実は、JINは特にいじっていないのですが、サーバーの方で少し高速仕様にしたのです。

私はエックスサーバーを使っていますが、エックスサーバーには高速化するための機能が備わっているのです。

エックスサーバーの「Xアクセラレータ」適用

エックスサーバーにログインし、「高速化」と言う項目の”Xアクセラレータ”をクリック。

エックスサーバー独自の高速化機能「Xアクセラレータ」の設定を行うことができます。

「Xアクセラレータ」を有効化することで、サイトの高速化と同時アクセス数の拡張が行われます。

エックスサーバーより引用

ワードプレスのテーマ【JINジン】は表示速度が遅い

これで高速化の「Xアクセラレータ」は適用されました^^

 

その後、「静的ファイル(推奨)」をONにして、設定変更をクリック!

ワードプレスのテーマ【JINジン】は表示速度が遅い

エックスサーバーの「mod_pagespeed」設定

あともう一つ、やることがあります。これがかなり重要!

「mod_pagespeed」の設定です。

ワードプレスのテーマ【JINジン】は表示速度が遅い拡張モジュール「mod_pagespeed」を使用することにより
Webサイトのコンテンツを最適化し、表示速度の向上および転送量の軽減を図ります。

エックスサーバーより引用

「mod_pagespeed」の設定をONにすると、転送量を軽減してくれるのです!

そのおかげで、表示速度を向上してくれます(*^_^*)

 

またまたエックスサーバーの高速化項目から「mod_pagespeed」を選択。

ワードプレスのテーマ【JINジン】は表示速度が遅い

対象ドメインを選択し、mod_pagespeedの設定を「ON」にする。

これだけで、終了!

ゆいまる
ゆいまる
 簡単ですね~!

これだけで高速化できるなんて、エックスサーバーって、スーパー有能!!

おすすめレンタルサーバー⇒エックスサーバー

エックスサーバーを使っている私のレビューはこちら

JINは表示速度が遅い?原因と解決策 まとめ

JINは、テーマとして本っ当に優れているのですが、スマホから見る表示速度が遅いことが起こっていました。

 

ですが、JIN推奨のプラグインを入れることで、かなり早くなりました!

また、サーバーの方で高速化・最適化することでより表示速度を上げられます。

ゆいまる
ゆいまる
実際にスマホから見ても、驚くくらい早くなり、一安心 

他には、プラグインを入れすぎないこと、画像はあまり大きくないものを使うなどの注意が今後も必要になっていきます。

 

最後に、JINの製作者であるひつじさんは、Twitter上で今度のアップデートの時に表示速度を改善すると、何度か言っています。

今後のアップデートでの速度改善や、更なる便利さアップに期待大です!!

追記:JINアップデート!

2018.11.1

ついに、JINがアップデートされました!

今回のアップデートで高速化出来るようになったので、かなり表示速度は上がりました^^

快適になったので、チェックしてみてくださいね♪

ブログの書き方をご紹介!コツってあるの?【初心者必見!】アフィママのゆいまるです(*'ω'*) 今回は「記事が書けない」という悩みを解決すべく、ブログの書き方・コツをご紹介しようと思いま...
誰よりも読みやすい記事をブログで書くために重要なテクニック10選!アフィママのゆいまるです!(*‘ω‘ *) ブログを読んでいると、 」 と思うブログと、 と開いた瞬間に...
ABOUT ME
ゆいまる
個人事業主でマーケッターのゆいまるです。 アフィリエイトで稼ぐ方法の全てを公開中!必ず相談に乗るので、お気軽に問い合わせしてくださいね。