, ,

JS非同期読み込み

¥0.00

Javascript を非同期読み込みすることで、サイトの表示速度を上げるプラグイン

商品コード: async-javascript カテゴリー: , ,

サイトの表示速度は、ユーザビリティにも SEO 的にも大きな影響を与えます。

サイトが表示されるまでに 3秒以上かかると、53% のユーザーがページを離れ、表示速度が 1秒遅れるとコンバージョン率は 7% 落ちるというデータもあります。

検索エンジンの Google も、サイトの表示速度を検索結果の順位に反映させると公表しています。

「JS非同期読み込み」 では、Javascript を非同期で読み込むことでサイトの高速化を行います。

 

JS の非同期読み込み

少し技術的な話になってしまいますが、ファイルを読み込まれる順番を行列にたとえると、一列の行列で処理していたものを、複数同時に処理できる行列にしてしまうことで、ファイルを読み込むスピードを早くすることができます。

スクリプトごとに非同期読み込み設定

「JS非同期読み込み」を使用すると、「async」(非同期)または「defer」(遅延)属性を、追加または除外するスクリプトを完全に制御して、WordPress のサイトのパフォーマンスを向上させることができます。

「JS非同期読み込み」の使い方

「JS非同期読み込み」の設定方法を確認します。

どのページに「JS非同期読み込み」を有効にするのか設定したり、除外するプラグインやスクリプトなどを設定できます。

  1. WordPress管理画面サイドメニュー [設定] > [JS非同期読み込み] をクリックします。
  2. [設定] タブをクリックします。
    JS非同期読み込み を有効にしますか?」のチェックボックスに✓を入れます。
    質問が追加されるので、ご自身のサイトに合わせて必要な項目に✓をいれます。
  3. その他の項目をご自身のサイトに合わせて設定します。
    除外するスクリプトやプラグイン、テーマなどを設定できます。
  4. [設定を保存] をクリックし、保存します。
  5. これで設定は完了です。
    サイトの表示を確認してみましょう。
    現在の設定を確認する場合は [ステータス] タブをクリックします。

これで、「JS非同期読み込み」の設定方法を確認できました。

 

レビュー

レビューはまだありません。

“JS非同期読み込み” の口コミを投稿します

メールアドレスが公開されることはありません。 が付いている欄は必須項目です