JIN:Rの表示スピードが遅い….
公式サイトの情報もチェックしたけど…..
他のJIN:Rユーザーはどうしてるの?
そんな疑問に答えます。
JIN:Rを使いブログを作ってみたのですが、表示スピードが改善できず悩んでいました。特にモバイルのスコアが16。
スマホで見てみるとそれなりに高速なWi-Fi環境でもモッサリした感じで、さすがにヤバいと感じていました↓
いろいろ試してみましたが高速化のプラグインを使うのが一番簡単で効果の出たのでシェアします。モバイルのスコアが90台に大幅アップしたので、かなり安心してサイト運営できる状態になりました↓
本記事は、JIN:Rの表示スピードが遅くて困っている人向けの解説です。僕が使って効果の出た高速化プラグインを紹介します。
【爆速】JIN:Rの高速化プラグインはコレ
JIN:Rで著名なブロガーといえば、hitodeブログを運営するヒトデさんです。
JIN:R開発者の、ひつじさんがJINからJIN:Rへの移行作業を手伝ったとコメントしていました。
ヒトデさんがJIN→JIN:Rに移動したいとのことだったので、配色レイアウトのデザインをお手伝いさせて貰いましたー!
— ひつじ@JIN: R制作 (@hituji_1234) November 30, 2022
元コンテンツが良いからカテゴリとかメニューで整理するだけでバリバリ進化していくので楽しかったですw https://t.co/cUn4mJDdVd
テーマ開発者さんが手伝ったということは、最高の状態にチューニングしているはず。
hitodeブログのソースコードを確認したところ、有料のWPロケットプラグインを使っていることが分かりました。
公式 WPロケットプラグイン
WPロケットプラグインって何だ?
WPロケットプラグインは、海外のエンジニアが開発したWordPressサイトの高速化プラグインです。ちなみに、有料です。
基本情報
WPロケットの概要 | |
---|---|
プラグインの名称 | WP Rocket |
販売事業者 | French simplified stock corporation |
公式サイト | https://wp-rocket.me/ |
価格 | 49ドル |
【検証】WPロケットプラグインを試してみた
表示スピードが爆速になった
WPロケットを購入しJIN:Rで使ってみました。まずはWPロケット導入前後のスコアをシェアします↓
デスクトップはざっくり40アップ。
モバイルは60アップしました。
測定ツールと測定環境について
測定は測定前後に10回ずつの合計20回行っています。
スコアの測定はどうしてもバラつきがあります。1、2度では正確性が高くないので、できるだけ多く測定しました。
プラグイン導入前
1回目 | 2回目 | 3回目 | 4回目 | 5回目 | 6回目 | 7回目 | 8回目 | 9回目 | 10回目 | 平均 | |
---|---|---|---|---|---|---|---|---|---|---|---|
携帯電話 | 16 | 30 | 37 | 37 | 40 | 30 | 30 | 26 | 42 | 20 | 30.8 |
デスクトップ | 57 | 66 | 65 | 65 | 62 | 61 | 42 | 72 | 58 | 69 | 61.7 |
プラグイン導入後
1回目 | 2回目 | 3回目 | 4回目 | 5回目 | 6回目 | 7回目 | 8回目 | 9回目 | 10回目 | 平均 | |
---|---|---|---|---|---|---|---|---|---|---|---|
携帯電話 | 86 | 91 | 86 | 91 | 91 | 91 | 91 | 91 | 91 | 91 | 90 |
デスクトップ | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 |
意図しないトラフィックによる影響が出ないよう、テスト環境を用意し外部からのアクセスを遮断しています。
測定ツール
検証環境
- WordPress:バージョン 6.1.1
- JIN:R:バージョン1.0.3
- WPロケット:バージョン3.12.4
- レンタルサーバー:Xseverスタンダードプラン
JIN:Rは有効化したままのデフォルト設定。
測定対象は投稿機能で作成した投稿記事ページ。段落ブロックの他、画像、動画、YouTubeの埋め込み、Twitterの埋め込みを利用しています。
WPロケットプラグインの使い勝手
WPロケットプラググインの使い勝手です。
海外の製品ということもあり、管理画面は英語です。日本語化されていないので、最初はドキッとするかもしれません。
「設定が不安だ..」という人は、次のような設定方法にするのがおススメです。
WP利用時の設定
- WPロケットを有効化する
- WPロケットですべての高速化オプションを有効化する(詳細な設定はしない)
- WPロケット以外の高速化プラグインを停止する
- JIN:Rの高速化機能を停止する
WPロケットはメチャクチャ高機能です。
機能が競合しそうな無料プラグインやテーマの高速化機能を停止して使うのが無難です。
WPロケットプラグインのユーザーは?
hitodeblog以外にもWPロケットを導入しているブロガーさんと口コミを調べてみました。
マクリンさん
マクリンさんはガジェットサイト「マクリン」を運営しているブロガーさんです。
マクリンさん
- Twitterのフォロワー数:36,216人
- 「マクサン式Webライティング実践スキル大全」を出版
ナカジさん
YouTubeチャンネル「ウェブ職TV」を運営するナカジさんもWPロケットプラグインのユーザーです。運営しているサイトでWPロケット有効時のコードを確認することができました。
ナカジさん
- Twitterのフォロワー数:67,400人
- YouTubeチャンネル「ウェブ職TV」の登録者数:61,200人
ネットの口コミは?
ツイッター上でWPロケットの口コミを調査してみました。
やはりWP Rocketは楽ちん。無料プラグインでなんとかしようというのはコスパタイパ悪い。
— みにまる@FP &IT導入サポート (@minimalgblog) December 16, 2022
今まで一番感動したプラグインは「WP Rocket」です。⁰僕のページスピードに関する悩みを全て解決してくれたからです。有料ですけど価値はあります。#ブログ #blog #ブログ初心者 #ブログ初心者と繋がりたい #ブログ仲間と繋がりたい #ブログ仲間募集中 #ブログ書け #パパブロガー #パパ育 #子育て
— しの@WEB開発/ブロガー (@SHINOWEB1) December 21, 2022
WP Rocketというプラグイン(有料)をインストールしたら、めちゃくちゃスコアが爆上がりしてビックリ子。前は57とかだったのが、97だと!
— Natsuko| 大学のFinancial Aidをより多くもらえる裏技ブログで教えてるよ (@happymoney101) September 29, 2022
もっと前から使えば良かった~#ブログ仲間と繋がりたい #ブログ仲間 pic.twitter.com/HcZJbEaZ41
WP ROCKETまじでスゴイ!
— ラムネ@AWSエンジニア (@ramune_dx) December 25, 2022
暇だったのでWordPressの速度改善を実施してみたのだが、プラグインの「WP ROCKET」を導入しただけで爆速になった🚀
【元々のスコア】
SP→45~55点
PC→85~90点
↓
【WP ROCKET導入後のスコア】
SP→76点
PC→97点
※使っているテーマはTHT THORです#ブログ書け pic.twitter.com/0VTaWdWbzG
WPRocket爆速w#ブログ仲間と繋がりたい pic.twitter.com/W1Q3JlNOqY
— cojica | Photoshop好きなWebデザイナー (@CojicaDesign) November 24, 2022
効果が出たという評判がほとんどでした。
JIN:RでWPロケットプラグインを使うさいの注意点
「WPロケットプラグインを購入したけど、不具合が発生した…」
そんな失敗をしないために、WPロケットをJIN:Rで利用するさいの注意点をシェアします。
動作確認する
WPロケットを設定後には、かならずサイトで動作確認をしましょう。
JavaScriptの遅延読み込みの設定ミスなどにより「正常に表示されない」「ボタンを2回押さないと反応しない」といった事象が発生することがあります。
不具合の一例
- 埋め込んだTwitterが表示されない
- 埋め込んだYouTube動画が表示されない
- ボタンを何度か押さないと反応しない
パソコンでは正常に表示・動作する場合でも、スマホでは不具合が発生することがあるので、必ずPCとスマホで確認しましょう。
競合しそうな高速化プラグインを停止する
もしWPロケットプラグイン以外の高速化系プラグインを有効化している場合は停止しましょう。
プラグインはたくさん入れれても効果が増すわけではありません。むしろお互いに干渉し不具合が発生する可能性があります。
高速化プラグインの一例
キャッシュ、遅延読み込み系のプラグインを有効化している場合は一度停止しましょう。
レンタルサーバーの高速化機能との相性
レンタルサーバーの中には、高速化機能が標準で付いているものがあります。レンタルサーバーの設定によってはプラグインの高速化機能と競合化する可能性があります。
WPロケットプラグインを有効化し、他のプラグインを停止した状態で何かしらの不具合が発生する場合はレンタルサーバー側で高速化設定が有効化しているかチェックしましょう。
FAQ
WPロケットプラグインに関するFAQです。
WPロケットプラグインを無料で試してみたい。
無料版はありませんが、返金保証があります。試して効果がなければ返金してもらいましょう。
以下、返金保証に関する公式サイトからの引用です。
100% の返金保証
引用元:WP Rocket公式サイト
このような事態は望まれないと思いますが、ご購入後14日以内にお申し出があれば、喜んで返金いたします
アップデートは無料ですか?
料金にプラグインのアップデートが含まれます。追加料金なしで最新版にバージョンアップできます。
まとめ
JIN:Rの高速化方法について紹介しました。
ヒトデさんの運営しているHitodeblogで導入されているWPロケットを購入してJIN:Rで試しましたが、効果がメチャクチャあって驚きました。
WordPressには無料のプラグインが多数公開されていますが、著名なブロガーさんは有料プラグインのWPロケットを利用し高速化しています。
予算的にキツイと感じる人以外であれば、高速化にかかる時間を節約できるのでかなりコスパが良いと言えます。
JIN:Rでの高層化で効果がなかなか出ない人はぜひ試してみてください。