バラバラのJavaScriptいっぱい読み込むときに、最近のモダンブラウザは「async」属性を使えばバックグラウンドで読んでくれるそうなのですが、そうでない環境では非同期通信を使って読むと早くなる、とかいう記事を見かけたことがあったので作ってみました。 デモ まずは、通常の呼び出し、defer属性、async属性、非同期ローダーを使った呼び出しのそれぞれのデモを置いておきます。 初めにjqueryと、ダミーのテキストをコメントアウトして無理やりファイルサイズを大きくした10個のJSファイルを呼び出しています。 ※同じJavaScriptを呼び出しているので、キャッシュを削除してから次のデモを見ると比較しやすいと思います。 デモ(何もなしなHTML記述) デモ(deferなHTML記述) デモ(asyncなHTML記述) デモ(非同期ローダーを利用) それぞれ特徴があって面白い動きをします
![JavaScript非同期ローダーを試しに作ってみた - SUSH-i LOG](https://cdn-ak-scissors.b.st-hatena.com/image/square/0558102937c54c81fcdf1a2647d0a06f875c624d/height=288;version=1;width=512/https%3A%2F%2Fblog.sus-happy.net%2Fapi%2Fjavascript-parallel-loader%2Fogp.png)