アフィリエイト広告を利用しています

JavaScriptの非同期実行を使ってみました

Webサイトの表示速度を改善しようと思ってJavaScriptの非同期実行を使ってみました。

<script>: The Script element - HTML: Hypertext Markup Language | MDN
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script

元々がdocument.writeを使ったスクリプトだったので、単純にasync/deferを追加するだけではうまくいかず、少し調べて

document.write(html);

の部分を

document.getElementById('id').innerHTML = html;

に書き換えて使うことにしてみました。

この方法だとスクリプトに加えてHTMLの変更が必要になるのが難点ですが、個人的には分かりやすい方法だったので悩んでいる人は試してみてください。ちなみに、asyncdeferで実行のタイミングが変ってくるみたいですが、今回はdeferの方を使ってみました。

タグ:JavaScript

この記事へのコメント

   
プロフィール

PC好きのアフィリエイターですが、最近はアフィリエイトへの興味がやや減少傾向

このブログもほとんど更新できていませんでしたが、今後は気が向いたときにつぶやきを投稿する形で運用していこうかなと思っています

にほんブログ村
にほんブログ村 IT技術ブログへ
にほんブログ村

にほんブログ村 IT技術ブログ IT技術メモへ
にほんブログ村

にほんブログ村 IT技術ブログ プログラム・プログラマーへ
にほんブログ村

PVアクセスランキング にほんブログ村

カテゴリアーカイブ
当サイトについて
当サイトはA8.netが運営する会員向けブログサービス「ファンブログ」を利用しています。

当サイトに関してご意見等がありましたら、下記メールフォームより送信してください。今後の運営の参考とさせていただきます。
メールフォーム

Amazonのアソシエイトとして、当サイトは適格販売により収入を得ています。

Powered by ファンブログ