HTML5のscript要素でasync, deferを使ってパフォーマンスアップ - IT-Walker on hatena

テクノロジーカテゴリーの変更を依頼記事元:

d.hatena.ne.jp/Syunpei

70users がブックマークコメント

HTML5のscript要素でasync, deferを使ってパフォーマンスアップ - IT-Walker on hatena

http://code.google.com/speed/articles/html5-performance.html JavaScriptの高速化手法を紹介する、Go... http://code.google.com/speed/articles/html5-performance.html JavaScriptの高速化手法を紹介する、Googleのプロジェクト「speed」がリニューアルしたと言うので見てたら、「HTML5でパフォーマンスアップ」てなタイトルがあったので「なぬ？」と思って読んでみました。 HTML5使ってもそんな効力得られないだろう・・・と思って読んでみたら、「HTML5の記法を使えばnバイト節約」みたいなチョコザイな手法が主だったのでちょっと苦笑(^^; とはいえ、script要素に今度から加わるasync属性について等は、日本語で説明されている記事がほとんどないので、全体的に要約しておきます（あくまで翻訳ではなくて要約。時間がないので超適当です。正確なところは原文を読んでください）。 DTD HTML4までは以下のように書かなきゃいけな

bartleby0911 script要素にasync属性を指定すると、「非同期で読み込み、読み込み終わり次第実行する」と言う動作をします。なので、ページのレンダリングをブロックすることなくスクリプトを実行できます。asyncはHTML5から加わった属性