このページについて

スクリプトの設置位置と DOM ready のタイミング、およびサイト速度との関係を視覚的に確認するページです。

ここでは URL に与えるクエリにより、次の5つのリソースの設置位置と遅延時間を変えることができるようになっています。

リソース シンボル 設置位置 遅延 [ms]
style.css style head, body 500
jquery.js jquery head, body 1000
script.js script head, body 500
html.png html body 1000
watch.png watch body 1000
クエリの書式
?[設置位置=シンボル:遅延時間[,オプション…][;…]][&…]
設置位置
head, body
シンボル
style, jquery, script, html, watch

シンボルの組を並べ替えることで、各リソースの順番を任意に変更できます(htmlwatch は常にこの順番)。また style はこのページの実際のスタイルシートに、script は HTML サンプルをハイライトするための(jquery に依存しない単体の)スクリプトになっています。

遅延時間
ミリ秒単位の整数
オプション
async, defer(スクリプトのみ)