AFFINGER6(アフィンガー6)

【AFFINGER6】高速化3選!60→92(モバイルスコア)

 

ばらもん。
AFFINGER6のページスピードインサイトのスコアアップの方法を教えてほしい

 

上記のお悩みを解決します。

 

本記事の内容

  • AFFINGER6のテーマでページスピードインサイトスコアを30アップさせた方法(モバイル60→92、パソコン100)

こんな方におすすめ

  • AFFINGER6の高速化をしたい方

 

それでは、本題に入ります。

 

AFFINGER6 高速化3選

タブで切り替え可能





 

結論です。

AFFINGER6のテーマで高速化した手順は下記の3つです。

 

高速化3選

  1. グーグルアドセンス遅延読み込み
  2. AsyncJavaScriptの導入
  3. Autoptimizeの導入

 

ココがポイント

高速化前のスコアは60でした。

 

簡単ではありますが、私がAFFINGER6で高速化をした手順を解説します。

 

グーグルアドセンス遅延読み込み

グーグルアドセンスの遅延読み込みは一番効果があったと感じています。

参考にさせていただいたサイトは下記です。

 

やることは簡単です。

 

step
1
グーグルアドセンスのscriptタグを削除

 

グーグルアドセンスコードの頭にあるscript文です。

見たらすぐに分かりました。

 

step
2
遅延読み込みコードを追記

『AFFINGER管理→その他』にある『コードの出力』部に追記します。

追記するコードは、【爆速】アドセンス広告を遅延読み込みして表示速度を高速化する方法を参考にしてください。

 

AFFINGER管理 その他

 

 

グーグルアドセンスの遅延読み込みをすることで、『第三者コードの影響を抑えてください』を改善することができました。

厄介者・・・

 

たったこれだけでも、ページスピードインサイトのスコアはだいぶ改善されたのではないでしょうか。

 

関連

Autoptimizeの『サードパーティのドメインに事前接続 (上級者向け)』にURL貼り付けでも改善されるらしいのですが・・・。

私はうまくいきませんでした。

 

ココがポイント

グーグルアドセンス遅延読み込みで『第三者コードの影響を抑えてください』を改善!

 

AsyncJavaScriptの導入

 

AsyncJavaScriptの設定をします。

 

設定内容

 

下記の3つにチェックを入れました。

ポイント

  1. Enable Async JavaScript?
  2. Also enable Async JavaScript for logged in users?
  3. Also enable Async JavaScript on cart/ checkout pages?

 

日本語に翻訳すると下記です。

参考

  1. ‎非同期 Java スクリプトを有効にしますか?‎
  2. ‎ログインユーザーの非同期 JavaScript も有効にしますか?‎
  3. ‎また、カート/チェックアウトページで非同期JavaScriptを有効にしますか?‎

 

チェックを3つ付けた後に、『Apply Async』を押下して、変更を保存します。

 

 

Autoptimizeの導入

 

Autoptimizeの導入しました。

設定内容は下記です。

 

step
1
JavaScriptオプションを設定

 

JS、CSS & HTMLタブ

 

下記の3つにチェックを入れます。

ポイント

  1. JavaScript コードの最適化
  2. JS ファイルを連結
  3. インラインのJSも連結

 

 

step
2
CSSオプションを設定

 

 

下記の4つにチェックを入れます。

ポイント

  1. CSSコードを最適化
  2. CSSファイルを連結
  3. インラインのCSSも連結
  4. すべてのCSSをインライン化

 

step
3
HTMLオプション CDNオプションはチェックなし

 

 

HTMLオプションとCDNオプションはチェックはありません。

 

step
4
その他オプション

 

 

私は『その他オプション』はすべてにチェックを入れています。

 

step
5
画像の遅延読み込み設定

 

画像タブ

 

画像タブ内の『画像の遅延読み込み(Lazy-load)を利用』にチェックを入れます。

EWWW Image Optimizerで遅延読み込みをしている人は、どちらか一方の遅延読み込みで良いと考えています。

 

 

まとめ

 

おさらいをします。

私がAFFINGER6で高速化をした方法3選

ポイント

  1. グーグルアドセンス遅延読み込み
  2. AsyncJavaScriptの導入
  3. Autoptimizeの導入

 

ココがポイント

私の場合は、上記の3つを実行することでモバイルスコア60→92へアップしました

 

 

私はエックスサーバーのスタンダードプランを使っています。

私が高速化をする上で、エックスサーバーはとても心強い存在だと感じています。

 

\サーバーはお家(ブログ)が建つ土台だよ/

ばらもん。
私はエックスサーバーへのドメイン移管(元はお名前.com)&サーバー移転(元はカゴヤサーバー)を経験済です。

 

ドメイン移管

【ドメイン移管】見逃すな!無料でお名前.comからエックスサーバーにお引越し

サーバー移転

【知らなきゃ損!】a8セルフバックでエックスサーバーお得に契約

 

X10プランスタンダード(月額税抜¥900)でも、十分過ぎます。(3年一括払いの場合・・・2022年2月時点)

参考

300GB(これだけあれば十分。逆に使い切ることのほうが難しい)

無料バックアップ&無料復元機能

ブラウザ&サーバーキャッシュ機能

XアクセラレータVer.2(安定化✕高速化)

etc・・・

 

サーバーは、例えるなら『おうちが立つ地盤』そのものです。

頑丈×好立地条件=エックスサーバーだと感じております。

 

さすがエックスサーバー

30代男性

個人的にものすごく助かっているのは、『バックアップから復元する機能』です。(もちろん無料)

過去14日分ものデータを、自動バックアップしてくれています。

おかげで、バックアッププラグインを削除することができました。

バックアッププラグインは容量をたくさん食っていたので、大変助かりました!

私にとってブログは大事な資産です。

資産を守ってくれる強固なバックアップ機能は安心感があります。

 

\要チェック/

エックスサーバーでお得なキャンペーン情報を見てみる

 

私もキャンペーンを利用しました

無料でドメイン移管(お名前.com→エックスサーバー)

ドメイン更新料は永久無料!

私はブログを開始して約1年後にはGoogleアドセンスだけでサーバー経費をまかなうことができるようになりました。

安心して運営することができるサーバーのおかげだと感じております。

 

 

 

私が運営しているもう一つのブログではSWELLを使っています。

SWELLでは、AFFINGER6以上の高得点を出すことに成功しました。

ぜひ、ご覧になってください。以上です。

【SWELL高速化9選】モバイル99点・デスクトップ100点

当ブログでは、エックスサーバーを推奨しております。

ムームードメインからエックスドメインに移管することで、下記のメリットがありました。

ポイント

更新料が安くなった

キャンペーン期間中で1円でドメイン移管できた

ムームードメインで残っていた契約日数が引き継がれた

ドメインをエックスサーバーで一元管理できるようになった

正直に言って、メリットしかないと感じました。

【ムームードメイン→エックスドメイン】移管したときのポイントと注意点に手順をまとめました。

 

また、エックスサーバーでは定期的にキャンペーンが開催されています。

私自身もカゴヤサーバーからエックスサーバーにキャンペーン期間中に移転した経験を持っています。
キャンペーンは下記のようなものでした。

6-エックスサーバーのドメイン取得無料キャンペーンを利用してみた

2つの独自ドメインが永久無料となっています。
ブログを長く運営していくうえで、ドメイン維持費もバカになりません。

独自ドメイン永久無料ってかなりお得な話です。(例えば、.onlineドメインは更新料は5,368円。私には、キャンペーン期間中じゃないと手が出ない金額です)

キャンペーンドメインについては、【エックスサーバー】独自ドメインキャンペーンがすごすぎる?!にまとめました。

 

私は5つのブログを運営しているので、エックスドメインのセルフバックも経験済みです。
独自ドメインを取得するなら、セルフバックをしないと損。

エックスドメインでのセルフバックについては、【エックスドメイン】セルフバックを2回やってみたにまとめました。

 

-AFFINGER6(アフィンガー6)