JavaScript読み込みブロック回避でページ表示を高速化する方法 | エンタープライズ | マイコミジャーナル

スクリプトが読み込まれるまで画像の読み込みがブロックされている - 同ブログより抜粋 WebページパフォーマンスツールであるYSlowの主要開発者でありYahoo! Exceptional Performanceの開発者であるStoyan Stefanov氏がNon-blocking JavaScript Downloadsというタイトルで、ページの読み込み速度を向上させるテクニックを簡潔にまとめている。これはブロックが発生するJavaScriptの読み込みを並列化することでページの読み込み時間を短縮しようというもの。Webページの読み込み高速化に効果的な手法なのでWebデベロッパは一度目を通しておきたい。 JavaScriptの読み込み中はほかの読み込み処理がブロックされる。これをDOM経由で動的にロードするように書き換えてやれば並列して読み込まれるようになる。Non-blocking

[ricebread]

Javascriptオフだと困るからCSSには使えないな。試してみるかな。数年間かー…。

[t32k]

- Tags: #javascript #performance #_ #_

[gokigendori]

DOMからappendchildでJSの読み込み高速化

[starpos]

もし動的webページを作らなきゃならなくなったら読む．

[silver_arrow]

.jsファイルの遅延ロード。

[llil]

performance/tuning

[hagino_3000]

シリアルでjsファイルが読み込まれることを前提とした作りは今後危ないってことね。気をつけよう

[drumsco]

DOM経由でjsファイルをロードすると、並列読み込みが可能になるらしい。

[saladdays]

css,画像などを並列読み込み

[webmugi]

　DOM経由で動的にロードする

[youshow]

とりあえずするがブラウザの性能向上

[lizy]

バッドノウハウ？|「なおIE8/Firefox3では6並列まで拡張されている」紳士協定は無視されたか……

[Nean]

どうなのかなぁ。

[toton]

JavaScript CSS をDOM経由で動的にロードすると並列ダウンロードする

[asiamoth]

JS, CSSの動的ロードのテクニックは有名だが、こういったメリットもあるとは知らなかった。対応していないブラウザのことを考えると、使いにくいかな。

[Molokheiya]

へー、知らんかった

[takkecy]

高速化

[sdj]

この先不要になるテクニック。

[pitworks]

JavaScriptの読み込みを並列化することでページの読み込み時間を短縮

[akisutesama]

たった数行、凄く簡単。しかし今のところそうまでして高速化したいコンテンツがないのでお蔵入り。

[ono_matope]

DOM経由ロードで並列読み込みできるらしい。

[raimon49]

DOM経由で動的に並列ロード

[ghostbass]

試してみる

[hisasann]

JavaScriptの読み込み中はほかの読み込み処理がブロックされる