はてなブックマーク > IT戦記 - 一行で IE の JavaScript を高速化する方法

IT戦記 - 一行で IE の JavaScript を高速化する方法

以下の一行をすべての JavaScript の前に読み込む /*@cc_on _d=document;eval('var document=_d')@*/ この一行を読み込むことによって IE での document へのアクセスが 5 倍速くなります。たとえば以下のように、読み込む前と読み込んだ後を比較してみます。 // Before var date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date - date); // 643 /*@cc_on _d=document;eval('var document=_d')@*/ // After date = new Date; for ...
IT戦記 - 一行で IE の JavaScript を高速化する方法

http://d.hatena.ne.jp/amachang/20071010/1192012056 のスクリーンショット

URL：: http://d.hatena.ne.jp/amachang/20071010/1192012056
注目：: d:id:amachang の注目エントリー
カテゴリ：: ウェブ
キーワード：: IE JavaScript アクセスオブジェクトコードスコープ変数
タグ：: *javascript37 *tips14 *web6 *web制作11 ajax17 amachang22 dev8 hack27 ie94 javascript439 performance39 tips115 web28 web制作17 あとで読む12 これはすごい52 パフォーマンス28 開発10 高速化70
はてなスター：

※ はてなブックマークは無料のソーシャルブックマークサービスです。はてなにログインすると、このページにコメントしたりブックマークしたりすることができます。

このエントリーをブックマークしているユーザー (614 +129)

2007年10月11日 leepz へえ
2007年10月11日 hitode909 javascript これはおもしろい
2007年10月11日 hiro_y javascript, ie IE上でJavaScriptを高速化。
2007年10月11日 Horiuchi_H javascript, performance, tips, web 簡単なことだけど、なるほど・・・。しかし、それだけのことをやってないIEが一番問題な気もする・・・。
2007年10月11日 asitaki javascript ただのメンバじゃなくてプロパティだからか
2007年10月11日 p_chopin JavaScript, Tips 『/*@cc_on _d=document;eval('var document=_d')@*/』
2007年10月11日 daichan330 web, programming, javascript はてなスターというかAjaxで重すぎなはてな全般で取り入れるべき
2007年10月11日 $fractured$ fractured javascript 目からeval
2007年10月11日 stellarnight JavaScript 何かすごいので一応ブクマ。普段IE使わないから自分ではあまり実感できないけど。
2007年10月11日 matsuo_atsushi JavaScript "/*@cc_on _d=document;eval('var document=_d')@*/"
2007年10月11日 studio-m javascript, ie これはすごい
2007年10月11日 miya2000 javascript, ie 「JavaScript では変数はスコープの先頭で生成される」→「javascript:(function(){var d;var document;d = document;document = d;})()」わかってたようでわかってなかった/<del>evalは気持ち悪いので</del>まちがい。
2007年10月11日 kohiro0 javascript, tips, 高速化, これはすごい /*@cc_on _d=document;eval('var document=_d')@*/
2007年10月11日 use_this web制作, javascript これは素直に凄い。
2007年10月11日 kixx_me_tender *あとで読む, 高速化, 開発, JavaScript, amachang, またIEか, Web作成, Tips 最近JavaScriptの高速化が気になるココロ。あとでじっくり読もう。
2007年10月11日 ag-commerce /*@cc_on _d=document;eval('var document=_d')@*/この一行を読み込むことによって IE での document へのアクセスが 5 倍速くなります。
2007年10月11日 takebu002 javascript, tips スコープが云々がわからんので、要理解
2007年10月11日 gokigendori web, javascript すげっ。。。。
2007年10月11日 akky_cc javascript, tips この1行の中身はまったくわかんないけどシャアよりすげーってことはわかりました。
2007年10月11日 kanehama javascript, IE すげぇ
2007年10月11日 igetanet JavaScript, 高速化, hack, amachang IEでは、documentアクセスは内部メソッドが実行されて高コストだから変数に入れとけ。プラス、evalの副作用を逆手にとったグローバル変数置き換えhack。
2007年10月11日 kamataro ie, javascript, performance documentを変数にすると内部メソッドが呼ばれなくなる/evalでvar宣言すると変数宣言がスコープ先頭に移動しない
2007年10月11日 ave_mayua HTML
2007年10月11日 mmonta2044 javascript 高速化
2007年10月11日 nihongi 頭いい
2007年10月11日 betelgeuse javascript あとでIEで比べる http://preview.tinyurl.com/htmya http://preview.tinyurl.com/2afwuo
2007年10月11日 RegainTheLife 後で試さないと。
2007年10月11日 ajapo *javascript, 高速化, パフォーマンス, ie グローバル変数アクセス高速化(IE専用)
2007年10月11日 dsl あとで試す
2007年10月11日 pukada ie, JavaScript, tips 五倍
2007年10月11日 koemu JavaScript, コーディングテクうっそー！すげー
2007年10月11日 vanish_l2 amachang世界デビューかも。
2007年10月11日 ktomotaka WEB技術　JavaScript
2007年10月11日 brazil 5, JAVASCRIPT IE、高速化、←すごい、evalを使いdocumentを置き換え
2007年10月11日 pc_nagomu *javascript 良くわからないけど、これが世界を変えるコードなのかな。わくわく。
2007年10月11日 ab_c javascript, web, web制作, 高速化, これはすごい, ie
2007年10月11日 tosik javascript, ie おお！
2007年10月11日 bwhr JavaScript documentへのアクセスが重いんだってさ。
2007年10月11日 kmachu javascript 確かにこの手法に名前をつけたほうがいい気がする。
2007年10月11日 MichaeL JavaScript, tips /*@cc_on _d=document;eval('var document=_d')@*/ ブクマコメのvbで笑ったｗ
2007年10月11日 shinfukui JavaScript これ、うまく動いた時嬉しかっただろうなぁ、amachang。それにしても、なんでwindowオブジェクト経由だとそんなに重くなるのか良くわからん…。ハッシュだからって話？ではないよね？「内部メソッド」ってのが鍵？kwsk
2007年10月11日 andalusia javascript, これはすごい, すばらしい考察な、なによ。こんなのマークアップエンジニア達が有難がってるCSSのIEハックと同じで、短期的でアドホックな知識じゃない。ぜ、ぜんぜんすごいなんて思ってないんだからね！勘違いしないでよ！
2007年10月11日 yohjizzz amachang, javascript, ie ！！！
2007年10月11日 genkivogue javascript, tips, パフォーマンス, 高速化, ie 「言及リンクのないトラックバックを弾く」以来の驚き。
2007年10月11日 kengo9999q javascript, tips, 高速化凄い勢いでブクマ
2007年10月11日 Ayas javascript, ie, 高速化『/*@cc_on _d=document;eval('var document=_d')@*/』
2007年10月11日 kathewka javascript, web制作, 高速化, ie これは凄い。が、IE専用か‥　わざわざIE用のコードを書くのもなぁという気がしてしまう
2007年10月11日 KoshianX javascript, tips 覚えておこう
2007年10月11日 gotin javascript IEの面倒見るのめんどい。。
2007年10月11日 june29 ie, javascript /*@cc_on _d=document;eval('var document=_d')@*/
2007年10月11日 snsn9pan javascript, amachang, tips, これはすごい感動した！ /*@cc_on _d=document;eval('var document=_d')@*/
2007年10月11日 wacky JavaScript, パフォーマンス, Tips IEでdocumentへのアクセスが5倍速くなるおまじない。スコープ途中から変数を生成するテクニックを利用。
2007年10月11日 th_6295 なるほど。言われてみればそんな気もするけど思いつけない。
2007年10月11日 terurou javascript, performance, ie, hack, amachang もはや魔法の域。わけわからんなぁ
2007年10月11日 oldriver javascript 後で検討する
2007年10月11日 monjudoh JavaScript, パフォーマンス『IE での document へのアクセスが 5 倍速くなります。』これはすごい
2007年10月11日 mathatelle javascript こういう発見はすごいな〜。すごすぎ。これをいかせるのは、どれくらいの規模のサイトなんだろ。というところが気になった。
2007年10月11日 authorNari javascript, tips 試して無いけども
2007年10月11日 boto ajax, javascript, performance IEでしか効果がない。まぁ一見問題なさそうなのだが、今度やってみるか。
2007年10月11日 t-murachi !はらぺこ, Javascript, パフォーマンス, あとで試す Ω　ΩΩΩ＜ナ、ナンダッテーーッッッ!!!!
2007年10月11日 staki vbやった事ある人なら自然に沸く発想だったりする。理屈も同じなんじゃなかろうかと妄想。五倍ってのは中々無かったけど。
2007年10月11日 adamrocker IEでJSを高速化, javascript, ie IEでJavaScriptが約5倍速くなる超簡単な方法。documentへのアクセスを高速化します。IEではdocumentはwindowオブジェクトの内部メソッドが実行されるので変数として保存しておくという事です。
2007年10月11日 tckz javascript IEでdocumentへのアクセスが早くなる。
2007年10月10日 os0x javascript また奇妙なおまじないを書く仕事が始まるお
2007年10月10日 carrotsword ありがとう先生！
2007年10月10日 adsty javascript, 高速化, あとで読むたった一行で・・・、すごいすごいっす。後で試っす。
2007年10月10日 mallowlabs javascript これはIEの実装がアレなだけでは…？
2007年10月10日 katzchang javascript ほえー
2007年10月10日 samurai20000 javascript よくみつけるなぁ。すげぇ
2007年10月10日 poolmmjp javascript, *コードなるへそ
2007年10月10日 korn_freak javascript, tips これはすごい
2007年10月10日 kkobayashi javascript そうなんだ・・・。それよりもどうやってそのボトルネックを見つけたんだろう
2007年10月10日 suVene javascript, tips /*@cc_on _d=document;eval('var document=_d')@*/
2007年10月10日 ultraist javascript 「内部メソッド」というのが呼ばれる理由があって呼ばれてそこで必要な処理を行っていると考えるのが自然だと思うけど、副作用とかないのかな。単にハッシュテーブルのアクセスが遅いとかじゃないよね。排他系？
2007年10月10日 Sybian var document=document;で試してみて速くなって喜んでたら関数内部でundefinedに。「変数はスコープの先頭で生成されるので」の原理はわからんが何がどうなるかは把握した。
2007年10月10日 tomyhero IE, JavaScript cool
2007年10月10日 naskin javascript IE の JavaScript 高速化
2007年10月10日 eclucifer JavaScript, IE, tips, webCreation <q>/*@cc_on _d=document;eval('var document=_d')@*/ この一行を読み込むことによって IE での document へのアクセスが5倍速くなります。</q>
2007年10月10日 tanku JavaScript なんぞこれー
2007年10月10日 kabus javascript, performance えー、なんでこんなの編み出せるんだ・・・
2007年10月10日 Wacky javascript /*@cc_on _d=document;eval('var document=_d')@*/ この一行を読み込むことによって IE での document へのアクセスが 5 倍速くなります。
2007年10月10日 gan2 ie, javascript, *tips すご！
2007年10月10日 teahut javascript, ie >IE では document にそのままアクセスすると window オブジェクトの内部メソッドが実行されてしまいます。これが非常に重い... eval で var 宣言することでスコープ途中から変数を生成
2007年10月10日 oooooooo comp この一行を読み込むことによって IE での document へのアクセスが 5 倍速くなります → /*@cc_on _d=document;eval('var document=_d')@*/
2007年10月10日 HolyGrail amachang, javascript, performance, tips, これはすごいこれはやばいな。
2007年10月10日 polyman javascript eval(var document=d)
2007年10月10日 J2kawa javascript, tips 高速化も大事だが、この一行の中身を芯から理解することのほうがもっと重要。自分はまだ理解できてない。
2007年10月10日 sharaku3eyes javascript, tips, web Javascriptのdocumentを赤いMSに搭載
2007年10月10日 ken_araki Javascript, IE 一行で IE の JavaScript を高速化する方法
2007年10月10日 wang-zhi web さっそく導入する
2007年10月10日 lurker javascript 5倍はすごいなぁ
2007年10月10日 mattn javascript これで遅いxpath.jsを試して見たい/var d=dankogai;eval("var dankogai=d");で添削速度5倍
2007年10月10日 shidho javascript, web, ie, tips すごいのか。
2007年10月10日 saz_go dev, javascript documentへのアクセスを高速化。一行じゃないけど。
2007年10月10日 SiroKuro lang_javascript, これはすごい javascript life の hacks。これ普通に書いたら var doc;var document;doc=document;document=doc;になってundefinedなのかな。eval 入れてvar documentの位置をdoc=document;の後に変えてると予想。要調査
2007年10月10日 usj12262 javascript ホントに早い！スゴイ！びっくりした
2007年10月10日 m-ohshita javascript, hack, tips 37
2007年10月10日 asiamoth JavaScript, ie これはすごい！というか、これを見付けられるのがすごい。
2007年10月10日 nitoyon javascript, performance var doc=document;高速化テクを既存の資産を生かしたまま利用する。/誰かがdiggってamachangが世界にはばたく可能性を感じるエントリ。 → danさんが紹介した・・・はてさて・・・海外の反応やいかに。
2007年10月10日 tk78 JavaScript すごい！
2007年10月10日 tsupo JavaScript, IE, tips, Internet, summarySite /*@cc_on _d=document;eval('var document=_d')@*/
2007年10月10日 m-_-m JavaScript へぇ！
2007年10月10日 tiga javascript, amachang, IT戦記, tips, howto, ie 今度試そう
2007年10月10日 Yoshiori javascript, tips IE高速化とevalのtips
2007年10月10日 washita 仕組みはよくわからないけどつける。
ほか509ユーザー

このエントリーを含む日記 (9)

hoshikuzu | star_dust の書斎 hoshikuzu - 2007年10月11日
なお記 naoki0311 - 2007年10月11日
Surprise by Technology snegishi - 2007年10月11日
常山日記 johzan - 2007年10月11日
補天鳥保管庫 hsada - 2007年10月11日
まさにっき（使えないプログラマーの記録） seiunsky - 2007年10月10日
速報ダム日和 dambiyori - 2007年10月10日
東　京　ピ　ク　ト　リ　ウ　ム yosuzumetei - 2007年10月10日
WEB開発日記 f-star - 2007年10月10日