【使用していない JavaScriptの削除】読み込みスピード改善!|SEO対策

にこ

こんにちは!にこ@25_nicomamaです♩ご訪問いただきありがとうございます^^

6月はSEO対策月間!(個人的に)

色々勉強をしていく中で、

サイトの読み込みスピードが遅いとSEOにも影響するらしい

と目にしました。

ネットサーフィンをしていて、「このサイト遅っっ!別のサイト行こ〜」。

こんな経験ありますよね。まさにコレです。

Google先生的SEOはどんな時でも読者ファースト。

せっかく訪問してくれた方にも、Google先生にも読み込みが遅いと逃げられてしまいます

にこ

自分のサイト大丈夫かな‥って思われた方はぜひ読んでみて下さい♩

この記事はこんな人におすすめ
  • サイトの読み込みスピードを改善したい
  • 【PageSpeed Insights】について知りたい
  • プラグイン【 Flying Scripts by WP Speed Matters】について知りたい
contents

サイトスピードを測定しよう!改善方法は?

サイトの読み込みスピードは【PageSpeed Insights】で調べることができます。

調べ方はとっても簡単

自分のサイトURLをコピペして分析をクリック!

数十秒で結果が出ます!

当ブログを検索した結果‥

どどん! ⇩

パソコン

モバイル

モ、モバイル、ヤバすぎ‥!!!

にこ

当ブログはほぼモバイルからの流入。このままではいけない‥!

この【PageSpeed Insights】の良いところは、分析結果から改善できる項目をピックアップしてくれるところ。

当ブログの分析結果

上記の中でも、特に赤色の部分を改善できれば読み込みスピードがUPするはず。

でも、「次世代フォーマットでの画像配信」はよく分からないし、「適切なサイズの画像」は時間が修正するのに時間がかかりそう‥

ということで目をつけたのが、【使用していないJavaScriptの削減】という項目。

この項目は、あるプラグインを使えば簡単に改善できるということが分かりました。

JavaScriptとは?

JavaScriptとは、Webサイトを表示するためのブラウザ上で動くプログラミング言語です。

  • ポップアップウィンドウを出現させる
  • ブラウザ上で画像を拡大表示してWebページを見やすくする
  • メッセージ送付フォームやパスワードの入力フォームなどを設置する

これらは全てJavaScriptを使って実現されています。

引用:SAMURAI ENGINNER

サイトを開いた時に、JavaScriptに関連する動作を一気に読み込もうとすることでサイトスピードが遅くなります。

にこ

これらを一時的に読み飛ばすことができるプラグインがありました!プラグインの導入方法から使い方まで詳しく解説します!

プラグイン【 Flying Scripts by WP Speed Matters】導入〜設定方法

導入方法

管理画面でプラグイン【 Flying Scripts by WP Speed Matters】を検索し、【いますぐインストール】。

すぐに【有効化】します。

一般的な方法で導入するだけでOK。特に設定はありません。

使い方

STEP
PageSpeed Insightsの“改善できる項目”をクリック
STEP
使用していないJavaScriptの削除にある〜.jsをコピペ
スラッシュ以降の赤枠部分です
STEP
管理画面の設定→Flying Scriptをクリック

※日本語訳されているプラグインが多くありますが、【 Flying Scripts by WP Speed Matters】は今のところ英語表記です。

STEP
Include Keywordsに対象とするJavaScriptを貼り付ける
Include=除く

Save Changesをクリックして完了!

にこ

PC・モバイル両方の分析結果からコピぺしてくださいね♩

サイトスピードが改善されたか確認!

もう一度、【PageSpeed Insights】でチェックをします。

すると‥

\ どどん! /

パソコン

モバイル

にこ

PCは90%越え!モバイルも
かなり改善されました!

【使用していないJavaScriptの削減】の項目を改善しただけで、読み込みスピードはかなり早くなりました!

自分のサイトスピードはどうなんだろう?と疑問に思ったなら、一度チェックするのをおすすめします♩

PageSpeed Insights】で調べてみる

最後に

SEO対策はブログ運営をする上で避けては通れません。

今回は【使用していないJavaScriptの削減】の部分のみ改善されましたが、モバイルに関してはまだ黄色信号です。

その他の項目も随時テコ入れし、90%以上を目指したいと思います!

それでは今回はこの辺で。

最後まで読んでいただきありがとうございました!

よかったらシェアしてね!
contents
閉じる