async

アシンク（属性）

意味スクリプトの実行タイミング指定

asyncとは？

ページ表示の遅延なくスクリプトを読み込みます。

asyncの具体的な使い方

非同期でスクリプトを読み込む例

<!DOCTYPE html>
<html>
<head>
    <!-- 他の要素 -->
</head>
<body>
    <!-- コンテンツ -->
    <script async src="script.js"></script>
</body>
</html>

「async」属性により、'script.js'はページのコンテンツが読み込まれると同時にバックグラウンドで読み込まれ、準備ができ次第、実行されます。これにより、ページの表示速度が向上します。

asyncに関するよくある質問

Q. asyncとdeferの違いは何ですか？

A. asyncはスクリプトの読み込みが完了次第すぐに実行しますが、deferはHTMLの解析が完了してから実行します。asyncは順序を保証しませんが、deferは記述順に実行されます。

Q. asyncはどんな時に使うべきですか？

A. 他のスクリプトに依存せず、できるだけ早く実行したいスクリプト（例：アナリティクス、広告スクリプトなど）に適しています。

Q. インラインスクリプトでasyncは使えますか？

A. いいえ、asyncは外部スクリプトファイルを参照する<script>タグでのみ使用できます。インラインスクリプトでは効果がありません。

asyncが学べる書籍の紹介

「プログラミング単語帳」を使って、プログラミングの単語を英単語のように学習してみませんか？
プログラミング単語帳には、HTMLのasyncやtarget、width、http-equiv、などのような実務でよく使われる単語が数百以上収録されています。
この書籍には、プログラミングの単語の意味や読み方、単語の使い方がわかる例文などが掲載されており、いつでもどこでもプログラミングの学習ができます。

よく使われる単語にだけ絞って学習することができるので、効率的にプログラミングが学習できます。