高速化

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

image

■WordPressテーマ「JIN」利用中の悩み

JINの速度が遅い…
WP Rocket使ってみようカナ

以上のような、高速化プラグインWP rocketのJIN設定上の疑問についてお答えします

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設定!不具合は?改善策は?

JINでWP rocket導入!体験談を中心にまとめます

WP Rocket導入の結果

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

WP Rocketで高速化!

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

速度改善!なぜ重要?

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

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

50%キャッシュバック!
6/16まで

\WordPressブログで副収益

36ヶ月契約、月495円~!
今なら!ドメインも永久無料

エックスサーバー

▼例)スタンダード12ヶ月契約

通常キャンペーン
サーバー
12ヶ月
13200円6600円
ドメイン
(com.netなど)
年1500円
前後
永久無料

月550円!WordPressブログに挑戦

エックスサーバー

Xserverドメイン

image
【赤字収支】月3000PV!アドセンス収益は?運営費は?対策は? ◆ブログ月3000PV(1日100PV) アドセンス収益月いくら? 以上のような、月間3000PVのアドセンス...

\挑戦!ブログで副収入/

エックスサーバー

お試し10日間!解約無料

エックスサーバー

◆キャンペーン!動画配信サービス(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テレは録画が手間…スマホアプリは画面が小さい… テレビでみる方法はある?小中学生も楽しめる?...

◆Amazon「オーディブル」キャンペーン

30日間無料

\オーディオブックが1冊無料でもらえる/

image

≫2ヵ月間無料体験!確認してみる【Audible】

Audible【30日間無料】
オーディオブック1冊!無料
ポッドキャスト!聴き放題

通常キャンペーン
月額月1500円0円 

▼オーディオブック1冊無料!例えばコチラ

≫サンプルを聞いてみる!キクタン英検準2級

英検対策本3000円分お得!

picture
【30日間無料】Audibleで英検対策本1冊ゲット!3000円相当 Audibleとは Audibleの料金・特典 料金:月1500円(税込) 自由に聞けるオー...

\継続しばりナシ!/

30日間無料体験を試す

無料体験後は1500円!

≫Audible30日間無料体験を確認してみる

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

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

\無料体験7日間!/

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

コイン特典
新規登録:通常1000円
→今なら+4000円分!
※コイン:予約時使用

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

\テディ先生と英語レッスン!/

NativeCampキャンペーン

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

▼どんなコースがある?

  • キッズコース
  • (LET’S GO、LET’S GO Phonics)
  • SIDE by SIDE
  • 英検2次対策(3級~準1級)
  • 発音(基礎、実践) etc.

【1日5分】子供ネイティブキャンプ!笑顔で終了 withテディ先生(小3・小6) 【はじめに】NativeCamp. 幼児・低学年のこどもおすすめオンライン英会話は? 以上のような...


無料体験でこどもの反応チェック

7日間受けホーダイ☻

ネイティブキャンプ

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

ネイティブキャンプ

無料体験7日ダケ?→OK!
(継続しばりなし)

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

オンライン英会話「エイゴックス」キャンペーン

初月0円
期間限定!5/31まで

エイゴックスキャンペーン

【エイゴックス】

  • ネイティブレッスン1回350円~
  • 家族でシェア受講!親子レッスンOK
  • レッスンの活用自由!宿題、プレゼン

ポイント定期プラン800(例)

春の入会キャンペーン
25分ネイティブプライベートレッスン
→1回344円で3ヵ月受講できる!

月額
(税込)
ネイティブ&日本人
キャンペーン講師
1ヵ月目8250円
0円
16回
2ヵ月目8250円16回
3ヵ月目8250円16回
16500円48回

エイゴックス無料体験
通常1回
→いまなら1回増量プレゼント中♪

▼エイゴックスは家族シェアOK!

image
【5/31まで】初月0円「エイゴックス」キャンペーン!中3口コミ はじめに ◆オンライン英会話「eigox」(エイゴックス) ネイティブを安く!おすすめのオンライン英会話は?...

お得にネイティブ!eigox

【エイゴックス】

\初月0円!5/31まで!/

【エイゴックス】

無料体験2回!クレジットカード登録不要

【エイゴックス】

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

30日間無料!
5/30まで

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

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

\継続しばりナシ!/

通常キャンペーン
無料体験10日間30日間

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

6028円お得!
スタンダード(毎日1レッスン)
通常6028円→0円

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

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

\30日間無料!5/30まで/

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

体験ダケの利用?→できます!

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

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

1500円割引!
友達紹介コード掲載!

紹介コード入力(無料体験時)
→受講割引1500円ボーナス!

novakid

Novakid公式サイト

  • アメリカのこども専門オンライン英会話
  • 世界49ヵ国、7万人以上の子どもが受講!
  • 講師はすべて国際資格取得のプロフェッショナル!

▼どれだけお得?1500円ボーナス利用例

スタンダード通常友達紹介
キャンペーン
友達
ボーナス
4週4回3760円2820円940円OFF
4週8回6720円5220円1500円OFF

※ボーナス利用上限:受講料25%まで

▼ノバキッド受講中(ウチの3兄弟)

そのため、

友達紹介コードつかえます!

■お友達紹介コード

PROMO280814 ←コピペ

■お友達紹介リンク

【NovaKid】お試しレッスン

※紹介コードはお互いの個人情報はわからないようになっています

▼兄弟シェアならさらにお得

picture
【制限なし】ノバキッドは兄弟シェア回数自由!3兄弟口コミ はじめに ノバキッドが兄弟シェアできる!?…公式HPではみあたらない 以上のような、こども...

【無料体験】スマホで登録1分!
  • 回数:1回(25分)
  • クレジットカード登録不要
  • 記載事項は4つだけ
  • ①保護者名前 ②mail ③電話 ④紹介コード

Novakid公式サイト

\無料体験で1500円クーポン!!/

Novakid公式サイト

友達紹介コード PROMO280814 


4-12才向けの英語レッスン【NovaKid】