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

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

[arata3da4]

defer/asyncあたり初めて知った

[albatrosary]

今頃ですがチェック

[esper]

$(funciotn(){ ... }) ってしなくていいのか

[ledsun]

“script要素にasync属性を指定すると、「非同期で読み込み、読み込み終わり次第実行する」と言う動作をします”

[kitokitoki]

<script async deffer

[genzouw]

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

[onjiro]

これかー！知らんかった！

[bartleby0911]

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

[wozozo]

"asyncとdeferを同時に指定すると、ブラウザasyncをサポートしているならその動作を、asyncをサポートしていないならdefer時の動作を行わせることが出来ます。"

[nilab]

「async属性を指定すると、「非同期で読み込み、読み込み終わり次第実行する」」「defer属性を指定すると、ページの読み込みが完了してからスクリプトが実行」HTML5のscript要素でasync, deferを使ってパフォーマンスアップ

[nishimakimasaya]

もうすぐ本格化かね。

[itochan]

deferは、 defer="defer" って、xhtml式の書き方しても大丈夫？

[nacookan]

おーすごい