... ...

Async JavascriptでGTmetrixスコア激変(05)WP高速化プラグイン

スポンサーリンク
この記事は約4分で読めます。

念願のアーリーリタイアを実現し、バンコクにロングステイ中の「バンコクで修業中。」です。

ブロガーの一番の悩みは、ブログのスピードの低下だと思います。

スピードが低下すれば、

  1. Googleの評価が下がる=検索順位が下がる
  2. 訪問者の不満たまる=直帰率・離脱率が下がる
  3. 自分のフラストレーションたまる→更新のモチベーション下がる

良いことが一切ありませんね。

では、原因を突き止めて、スピードを改善するには?

スポンサーリンク
スポンサーリンク

ブログのスピード確認ツールを使いこなしたい!

何は無くとも現状確認が一丁目一番地ですね!

現状を理解し、対策を検討しましょう!

Page Speed Insights

PageSpeed Insights

GTmetrix

GTmetrix | Website Speed and Performance Optimization
GTmetrix is a free tool that analyzes your page's speed performance. Using PageSpeed and YSlow, GTmetrix generates scores for your pages and offers actionable ...

Test My Site

モバイルサイトの速度を比較しましょう
他のトップブランドとご自身のモバイルサイトの速度を比較して、より速く快適なモバイルサイトを構築しましょう

無料Wordpressテーマ『Cocoon』のおすすめの高速化!

このブログの無料Wordpressテーマ『Cocoon』のおすすめの高速化が、作者の『わいひら』さんから公開されています。

『Cocoon』ユーザーは、ここから始めましょう!!!

Cocoonおすすめのサイト高速化設定
Cocoonと相性の良いページの高速化設定方法の紹介です。Cocoonデフォルト機能だけでも十分にPageSpeed Insightsで高得点が狙えます。加えて、ページキャッシュプラグインや、画像最適化プラグインを利用すれば、より良い良いパフォーマンスを目指すことも可能かと思います。

Async JavaScriptで非同期化で高速化!

『GTmetrix』『Page Speed Insights』の低評価で悩んでいませんか?

そんな時は、『Async JavaScriptで非同期化』を試してみませんか?

『GTmetrix』の『API Keys』を設定すれば、あーら簡単!

あっという間に、『GTmetrix』のスコアが改善!!!

Async JavaScriptをインストール+有効化!

https://ja.wordpress.org/plugins/async-javascript/

Async JavaScriptの設定は簡単!

『設定』を開きましょう!

『Setting』ではなく『Wizard』を開きましょう!

Step 1:GTmetrix API Key

『GTmetrix』のあなたの『Username』と『API Key』を入力!

『API Key』入力したら『Proceed to Step2』をクリック!

 

Step 2: Initial Test Results

設定を進める前の状態を『GTmetrix』で現状を確認します!

設定を『Async』のみにすると、あまり変わりませんね!

ところが、『Async(jQuery excluded)』jQueryを除くに設定すると、『あら、不思議(笑)』Page Speed Scoreがジャンプアップ!

Step 3:Results and Recommendations

 

結果とおすすめの設定が書いてあります。

改めて、『Async(jQuery excluded)』jQueryを除くに設定をおすすめする』とのコメント!

ここで、自分のサイトが正しく表示されているかを確認する方法があります。それが、『Simulate Async』のURLをクリックしましょう!

Step 4:Apply Setting

『設定を実行』の最後の段階です!

『Step 3: Simulate Async』は確認済みですか?

では、『Apply Setting』をクリック!

『Test My Site』で確認してみたよ!

『Test My Site』にアクセス!

測定結果:

メールで『無料レポートを取得』

メールが届きました!

『3秒で離脱率』が跳ね上がるみたいです!

改善方法のアドバイスが来ています!

グーグル先生のアドバイスに従って、スピード改善対策しましょう!

今後のアップデート予定!

  • 『Page Speed Insights』検証記事のアップ
  • 『GTmetrix』検証記事のアップ