無料ブログ「rentafree.net」の管理人ブログ

<script>のasync属性

defer属性つきの<script>に、async属性もつけることにしました。

変更した<script>は、
*ブログ、Wikiのミニ掲示板
*アクセス解析用HTMLコード

ページの表示を阻害しないためにdefer属性をつけてましたが、
最近はもっと便利なasync属性ってのができたらしいんでつけました。

deferだとページの表示を妨げない代わりにscriptを遅延させるので、
途中に読み込みに時間がかかるscriptなどが存在してページ表示に時間がかかると、
deferなscriptの方が表示が遅れてしまいます。

asyncは遅延ではなく非同期となり、
scriptの読み込みが終わったら即実行されるので、
ページの表示速度に影響なく、
scriptの方もすぐに表示されます。

asyncは非対応ブラウザも多いと思うので、
deferと両方付けてます。
両方つけた場合はasync対応ならasyncとして動作するらしいです。