カラスのガレージリニューアル 使用テンプレートをLuxeritasに変更
こんにちは、カラスです。
最近カラスのガレージの表示速度が遅いことに気づいてしまいました。
みんな大好きgoogle Insightsでもスマホが50前後の低スコアになってます。
旧テンプレートLION MEDIAについて
長いことLION MEDIAを使用していたのですがこちらアップデートも止まっており、最近のgoogle insightsには全く対応できていない事がわかりました。
LION MEDIAも入れたばかりのころは80点台だったのですが…
既に最後のアップデートから２年経過していて、今ではLion Media公式サイトをpage insightsでチェックすると50点を切っています。ダメじゃん
当然僕のブログもpage Insightやsearch consoleのスコアが落ちていました。
特に CLS に関する問題: 0.25 超（モバイル）のエラーがsearch consoleで出続けてるのも痛いです。
これ、数値が問題なのではなくて見てる人がページ読み込み時の崩れの影響受けるってことなのでかなり厄介です。
LION MEDIAって見た目はかなりおシャンティだっただけに残念です。令和２年のテンプレートに変更します。
wordpress公式で速いテンプレートの探しかた
簡単です。公式サイトを片っ端からgoogle speed insightsにかけてチェックしていくだけです。
古いSEOクソブログの無料テンプレート紹介記事常連（LION MEDIAとか）でも50切ってる古いものがたくさん混ざってるので注意しましょう。
特に2020年のpage insightsは新しい項目が増えててクリアが難しくなってきてます。
Luxeritasインストール後にやること
推奨されないプラグインの削除
Luxeritasは色々なプラグインと相性が悪いと公式サイトに書かれているので高速化系プラグインを片っ端から止めていきます。
LION MEDIAも自称高速テンプレートだったのですがキャッシュ系やコードの最適化がザコでプラグイン頼りだったので、かなりの数が入っています。
- Autoptimize
- Asset CleanUp: Page Speed Booster
- WP Fastest Cache
- Widget Output Cache
- gutenberg（ウィジェット編集で悪さするので）
WP Fastest Cacheの削除をするときの注意点
特にWP Fastest Cacheを削除する際は、面倒ですが設定画面からすべてのチェックを外して保存してから削除してください。
これ、大事なポイントなのでもう一度言いますが全てのチェックです。
最適化を有効化だけではダメでした。
.htaccessというサーバ管理ファイルにWP fastest cacheが勝手に追記しているのですが、チェックを外す手順を飛ばしてプラグインを消してしまうと永久に残ってしまいます。
手動でBEGIN WpFastestCache の中身を消してもいいのですが何か気持ち悪いので…
ほかの最適化プラグインも同様に機能を全てオフにしてから削除しましょう。
Luxeritas高速化設定
公式サイトに高速化の設定について書かれているのでよく読みましょう。
Luxeritas設定の高速化のところに.htaccessの追記文が書かれているので、こちらもサーバ管理画面から追記しておきます。
これ追加するときにWP fastest cacheの設定残ってたりすると重複したりおかしな事が起きる原因になるので、先ほども書いた通りすべてのチェックを外してからWP fastest cacheを無効化・削除しましょう。
LuxeritasのSpeed Insightを見てみよう
スマホ版は点数が低くなりやすいのですが、93点を獲得できました。
LION MEDIAも入れたばかりの去年くらいは90点台乗ってた気がするのですが…
トップページはもうすこし遅くて、80点台になりますが、今までのLION MEDIAが50点台まで落ち込んでいた事を考えるとかなり改善されました。
広告設定について
LION MEDIAからLuxeritasに移行すると、ウィジェット関連の設定がすべて吹き飛んだので再設定してきます。
Luxeritasはレスポンシブ広告を推奨しているのでレスポンシブでコードを取り直して設定しました。
広告ありと無しで念のためSpeed Insightsをチェックしましたが特に異常は見られませんでした。
google AdsenseのAMPのヘッダ追記文は既に書き込まれているようなので新たに追加する必要はありません。
まとめ
ブログのテンプレートは数年経つと色々対応できなくなってくるよ
google Insightsの点数は年々辛くなってるよ
新しめのテンプレートを使うと改善するよ