SEO対策

【月500円】JIN遅い→WP Rocketで高速化!設定は?不具合は?

image

■プラグインWP rocketでJIN高速化

JINの速度が遅い…
WP Rocketで高速化トライしてみようカナ

以上のような、疑問についてお答えします

WP Rocket
画像に alt 属性が指定されていません。ファイル名: image641.png

WordPressキャッシュプラグイン-WP rocket

  • 高速化プラグイン
  • 世界180万サイトの利用実績!
  • 月500円~

結論からいうと

JINでWP Rocket導入後、サイト速度大幅UP

▼JINでWP Rocket導入!数値比較

導入前導入後
LCP8.7秒1.7秒
CLS0.075秒0.033秒

この記事の内容
  • 高速化プラグイン「WP Rocket」
  • JINでWP Rocket導入!5ステップ
  • 注意点!WP Super Cache削除
  • JINにWP Rocket設定!不具合は?改善策は?

WP Rocket導入の結果、

  • 月500円でサイト高速化
  • 記事インデックス速度&PV向上

WP Rocketで高速化!

さっそく見ていきましょう!

◆◇◆

こんにちわ!

  • ブログ歴33ヶ月目
  • WordPress、エックスサーバー
  • 月間6000PV、雑記100記事
  • 累計収益20万円(2022.9)

速度改善!なぜ重要?

Google最新発表!
“Page Experience Update” 2021

コアウェブバイタル
ウェブにおけるユーザー体験の向上を目的とした取り組み

▼ウェブページUX重要指標(3つ)

ウェブに関する主な指標

引用元:Search Consoleヘルプ

LCP
Largest Contentful Paint
ページ表示速度を測る指標
FID
First Input Delay
サイトのインタラクティブ性や
反応速度を測る指標
CLS
Cumulative Layout Shift
「累積レイアウト変更」の意味
視覚要素の安定性を示す指標

グーグルアプデ2021
当サイトには以下発令↓

指令!byサチコ
改善が必要
サチコ

ただちに改善せよ!!!

高速化!JIN「公式」対処法

結果、

少し改善!
でも、まだJIN遅い…

▼JIN公式おすすめ高速化対処法(7つ)

  1. JINを最新版にアップデート
  2. FontAwesomeをOFFにする
  3. 画像は圧縮してアップロード
  4. アニメーションをOFFにする
  5. 標準フォントを利用する
  6. 高速化プラグインを活用する
  7. Xアクセラレーターを活用する

引用元:JINの高速化方法を全まとめ!表示速度が遅い時の対処法は?|JIN MANUAL

↓↓↓

▼JIN公式高速化!結果は「パフォーマンス34」💦

Wp rocketの効果

✖ JINだから遅い
〇 サイト個別要因 例)画像多用

それなら!

有料版!高速化プラグイン「WP Rocket」

高速化!WP Rocket

WP Rocket?

WordPress高速化プラグイン!

引用元:WordPressキャッシュプラグイン-WP rocket

WP rocketは、世界で180万サイト以上の利用実績!

あの有名な「hitodeblog」でも使っているそうです。

それなら、無料プラグイン「WP Super Cache」から乗り換えてみようかな。

金額は?

年額49ドル (1サイト)

引用元:WordPressキャッシュプラグイン-WP rocket

選択したプランはSingle

  • サイト数:1つ
  • ライセンス期間:1年
  • 金額:49ドル(月4ドル)

アレコレ対策してもムリだった高速化が、ワンコインで実現!

→1年間、トライしてみよかな

効果は?

あり!数値が大幅UP

■WP rocket導入前後の数値

導入前導入後
LCP8.7秒1.7秒
CLS0.075秒0.033秒

▼サチコ合格ライン!数値は?

ウェブに関する主な指標

引用元:Search Consoleヘルプ

祝!Google「合格ライン」初クリア!

WP Rocket導入!5ステップ

ステップ① サイトのスピードチェック!

WP rocket導入前後の速度変化を比較!

■スピードチェック

いろいろなツールで測定!

ステップ② WP rocket購入!支払い方法は?

Paypal「ドル」払いを選択!

■支払い方法:2択

  1. クレジットカード
  2. Paypal

■Paypalを選択した理由は?

  • 海外サイトにクレジットカード情報入力は不安
  • ソニー銀行デビットカードのドルを使用すれば、為替手数料が最小(たぶん)

※為替手数料(円→ドル):Paypal4%、クレカ1.6%前後

ステップ③ 重複プラグイン一時停止!

WP rocket導入前、重複プラグインを一時停止!

チョイスした重複プラグインを「一時停止」!

当サイトでは、以下4つ

  1. Autoptimize
  2. BJ Lazy Load
  3. WP Super Cache
  4. WP-Optimize

ステップ④ WP Rocket設定

サイトに合う設定が必要!

この設定作業が一番大変!

参考までに、設定の当サイト事例を記しておきます。

■どんなサイトで設定した?

  • WordPressテーマ:JIN
  • WP rocketバージョン:version3.10.7(2022年2月)

■WP rockt設定:チェックを入れた項目

Cache☑ Enable caching for mobile devices
☑ Cash Lifespan 10hours
File Optimization☑ Minify CSS Files
☑ Combine CSS files 
☑ Optimize CSS Delivery: LORD CSS ASYNCHRONOUSLY
☑ Minify JavaScript files
☑ Load JavaScript deferred
☑ Delay JavaScript execution
MEDIA☑ すべてチェック
Preload☑ すべてチェック ※途中、サイトマップURL入力
Advanced Rules設定なし
Database☑ すべてチェック
CDN設定なし
Heartbeat☑ Control Heartbeat
Add-onsWebP Compatibility  Add on status「on」
Image Optimization設定なし

ネットで情報収集しながら、チェック選択

迷ったらとりあえずチェック!

で、不具合箇所をあとから検証修正していく感じ

ステップ⑤ 設定完了!サイトで動作チェック!

おおむねOK!

■Let’s動作チェック!

  • スピードチェック、点数大幅改善!(導入10分後)
  • サイトデザイン、大きな崩れなし ※スマホヘッダーの1部崩れ(後述)
  • サイト動作、問題なし!
  • リンク、正常機能!

サイト反映にどの程度時間がかかるか不明

→様子見期間として、2日間は設定ノータッチ

WP Rocket設定!注意点は?

WP Super Cache「削除」

その「無効化」ボタン、ちょっと待った!!!

  1. Autoptimize
  2. BJ Lazy Load
  3. WP Super Cache
  4. WP-Optimize

「WP Super Cache」削除は、下調べ必須!

WP Suoer Cache

引用元:WP Super Cache-WordPressプラグイン

当サイトは、なにも考えずWP Super Cache「削除」ボタン実行!

→結果、1部ファイルが削除されていません

困難な「手動削除」未解決問題、絶賛取り組み中。

image
【失敗しない】WP Super Cacheは「正しく」削除! WP Super Cache「削除」、その前に! 引用元:WordPressキャッシュプラグイン-WP ...

WP Rocket設定!不具合は?

不具合は?

レイアウトの1部崩れ発見!

動作は問題ナシ!

■レイアウト崩れ部位:サイト上部↓↓↓

WP rocketでJINレイアウト崩れ

改善策は?

チェックON・OFFを試す!

試行① 失敗!File Optimization変更

■ File Optimization:CSS Files

Optimize CSS Delivery: REMOVE UNUSED CSS (BETA)

LORD CSS ASYNCHRONOUSLYにチェック変更

【失敗】サイトの崩れ残存!しかも

LCPとCLS数値、少し落ちる・・・

試行② 成功!Cash変更

▼赤枠チェック追加!

結果、

スマホヘッダー上部崩れ修正!

WP Rocket導入!考察

体験からわかった点!3つ

【考察】JINでWP Rocket導入!
  1. WP Rocket設定で速度結果が大きく変動
  2. 特にFile Optimizationの設定は重要
  3. 生じた不具合はヘッダー崩れ→改善

WP Rocket設定でサイトが永久に修正できなくなる?

トライした結果、その心配は杞憂でした

WP Rocketは設定後の修正は
何度でも可!

各サイトにあわせたベターな調整を!

まとめ

以上、JINでWP rocket導入!体験談を中心にまとめました

指令!byサチコ
改善が必要
サチコ

ただちに改善せよ!!!

WP Rocket導入の結果

  • 月500円でサイト高速化
  • 記事インデックス速度&PV向上
  • サチコ(LCPの問題)改善が必要→合格

▼コアバイタル大幅改善! 

導入前導入後
LCP8.7秒1.7秒
CLS0.075秒0.033秒

サチコに再審依頼
→ところが!「不合格」💦

コアバイタル改善
 1サイト
 サイト全般 (たぶん)

・・・サチコの「コアバイタル水準」高すぎ~

!気を取り直して

▼サイト高速化!プランB

image
【効果あり】重いPZ Link Card削除で高速化!注意点は?方法は? ◆サイト高速化! PZ Link Card削除は効果ある?注意点は? 以上のような疑問についてお答えします ...

▼サイト高速化プランAB実行→サチコから通知(2カ月後)

サチコ

パソコン:すべて合格!
モバイル:LCP「は」合格!

サチコからのミッション
→とりあえず半歩前進~
残る課題はモバイルCLS!

サイト高速化!

  • ユーザー満足度向上
  • アクセス、PV、売上増加
  • 検索順位アップ

IN以外でもWP rocketと相性のいいテーマはたくさん!

トライしてみる!WP rocket

WordPressキャッシュプラグイン-WP rocket

▼リンク作成がラクになる!バリューコマース

image
【JIN】疑問解決!LinkSwitchコード設定方法-タグどこに貼る? ◆バリューコマースLinkSwitch【設定】 LinkSwitchコード、どこに貼る? 以上のような疑問にお答えしま...

◆「エックススサーバー」キャンペーン

30%オフ!
10/13まで

\副収入!WordPressブログ

引用元≫エックスサーバー

▼例えば!スタンダード12ヶ月契約

通常キャンペーン
サーバー13200円
20%オフ
880円/月
ドメイン1500円/年永久無料

※スタンダード36ヶ月30%オフ(月693円)

▼比較!人気レンタルサーバー5選 

月額
mixhost
ラクラク完成!サクサク表示
6冠!満足度NO1
1210円
エックスサーバー
安さより安定感!中価格高品質
国内シェア&サーバー速度NO1
1100円
ConoHa WING(コノハウィング)
最高級品質!最安価格
処理速度、国内NO1
891円
ロリポップ!
2冠!満足度NO1
660円
さくらインターネット
高速安定サーバー
437円

※月額:12ヶ月、容量:300G(2022.9)

▼実体験!副収益1万円

image
【月1万円】ブログはオワコン?副収益WordPress2022 収益ゼロ…副収益はムズカシイ? 以上のような疑問にお答えします 結論からいうと、 IT知識ゼロ...

エックスサーバー

Xserverドメイン

\月880円で挑戦!ブログで副収益/

エックスサーバー

お試し10日間!解約0円

エックスサーバー

旅行キャンペーン!全国旅行支援

【速報】全国旅行支援
10/11開始!
12月末まで(予定)

最大1万1000円オフ!
12月末まで(予定)

引用元:楽天トラベル

例えば!

宿泊1万円/泊 平日【割引内訳】
旅行代金40%OFF
クーポン3000円

旅行代金キャンペーン
現金払い
キャンペーン
実質
1万円6000円
40%OFF
3000円
70%OFF

実質70%オフ?

image
【10/11から】全国旅行支援は最大1万1000円オフ!子連れ関西おすすめ3選 全国旅行支援? こんな疑問にお答えします 【速報】全国旅行支援10/11開始!12月末まで(予定) ...
image
【県民割】子連れ淡路島観光ホテル!24時間釣り三昧 in 関西兵庫 ◆旅行キャンペーン!全国旅行支援 【速報】全国旅行支援10/11開始!12月末まで(予定) 最大1万1000...

◆キャンペーン!動画配信サービス(VOD)

すべて無料で楽しめる!
計289日間、ほぼ1年!

月額
(税込)
無料
トライアル
Amazonプライム・ビデオ500円30日間
U-NEXT2189円31日間
NETFLIX990円~
Hulu1026円14日間
dTV550円31日間
dアニメストア440円31日間
Paravi1017円14日間
DAZN1925円31日間
ABEMA 960円14日間
mieru-TV990円最大
31日間
ディズニー+990円
WOWOW2530円最大
31日間
WATCHA-iOS専用869円~最大
31日間

▼テレビで手軽に動画視聴!

スマートテレビ 10万💦

Amazon Fire TV Stick 5000円💕

画像に alt 属性が指定されていません。ファイル名: image835.jpg

≫「Fire TV シリーズ」をチェックしてみる!

▼NHKEテレ録画不要!Fire TV Stick

【テレビでみる方法】NHK for school!おすすめ番組3選 ◆NHK for school Eテレは録画が手間…スマホアプリは画面が小さい… NHK for schoolテ...
小中学生もNHK高校講座!おすすめ4選【テレビでみる方法】 ◆NHK高校講座 Eテレは録画が手間…スマホアプリは画面が小さい… テレビでみる方法はある?小中学生も楽しめる?...

◆オンライン英会話NativeCampキャンペーン

5000円分コイン!プレゼント
10/31
まで

\予約時に使える!/

業界初!予約無しでレッスン回数無制限のオンライン英会話【ネイティブキャンプ】

コイン特典通常キャンペーン
プレミアム
プラン
1000円分5000円分

\テディ先生と英語!/

NativeCampキャンペーン

業界初!予約無しでレッスン回数無制限のオンライン英会話【ネイティブキャンプ】

▼どんなコースがある?ワガヤ体験例

小3・小6LET’S GO
LET’S GO Phonics
中3SIDE by SIDE
英検2次対策(3級~準1級)
ハハ発音(基礎、実践)

3000円オフ!友達紹介リンク掲載

image
【最大95%オフ】NativeCampキャンペーン!過去傾向と分析 はじめに ■NativeCamp.キャンペーン 今なら5000コイン!申し込んでみようカナ…...

7日間無料!受けホーダイ

ネイティブキャンプ

 
\5000円分コイン!10/31まで!/

ネイティブキャンプ

無料体験7日だけOK!継続しばりナシ
併用可!友達3000円+5000コイン

業界初!予約無しでレッスン回数無制限のオンライン英会話【ネイティブキャンプ】

オンライン英会話kiminiキャンペーン

30日間無料
10/3まで

学研のkiminiオンライン英会話

  • 70年教育実績!学研オリジナル教材
  • 150の豊富なコース!英検対策も
  • 教育機関導入「実績」100以上!

対象者:初めての申し込み
期間:9/20~10/3
対象プラン:スタンダードプラン
(月会費、6ヶ月、1年間)

通常キャンペーン
スタンダード
毎日25分
10日間無料30日間無料

月6028円分お得

picture
【10/3まで】30日間無料!kiminiキャンペーン!3兄弟口コミ kimini【はじめに】 ◆オンライン英会話kimini リーズナブルに受講したい!おすすめは? ...

学研のkiminiオンライン英会話

\30日間無料!10/3まで/

学研のkiminiオンライン英会話

キャンペーンのみ利用OK!継続しばりなし

学研のkiminiオンライン英会話