JavaScriptの読み込みにおける非同期スクリプト注入の悪影響 | POSTD

Synchronous（同期）スクリプトは効率が悪い。というのも、ブラウザにDOM構築をさせ、スクリプトを読み込ませ、残りのページをリロードする前に実行してしまいます。今さらな話ですが、これがわれわれプログラマがasynchronous（非同期）スクリプトをよく使うようになった理由です。ここに分かりやすい例があります。 <!-- BAD: blocking external script --> <script src="http://somehost.com/awesome-widget.js"></script> <!-- GOOD: remote script is loaded asynchronously --> <script> var script = document.createElement('script'); script.src = "http://somehos

[fortrand]

大事そうな情報。HTMLもCSSやスクリプト、画像など要素数が増えて実行時間が問題になる。ブロッキング(逐次)実行にならないよう、最新のブラウザ実装を理解していないといけない。実装以前の勉強知識問題。

[nacika_inscatolare]

async

[typista]

“async scripts”は不要か？

[JHashimoto]

"すべてのインラインJavaScriptを避けるべきだと言っているわけではありません。実際、インラインJavaScriptが正しい解決法である場合もあります。ただ、以下の項目に留意する必要があります。"

[iRSS]

asyncを見直す

[efcl]

script injectするパターンとasync属性を付けた時の違いについて。 サポートしてるブラウザの違い以外と実行順序が保証されない以外はasync属性の方がよい。

[toaruR]

async