Gmailチームが明かすHTMLアプリケーション起動の高速化テクニック TechTalkManiacs

などという煽り気味なタイトルをついつけてしまいたくなる記事がGoogleCodeBlogに掲載されていました。 最初のほうはごく普通にJavaScriptを使ったRIAアプリケーションはどうしても起動が遅くなるため、それをどう減らすか、というテーマにそって書かれています。 方法として挙げられているのは、最初にすべてを読み込まず、モジュール単位で分割して遅延ローディングすること。ただし、それだけだと回線速度が遅く不安定なモバイル環境では問題が生じるためHTML5のキャッシュ機能を利用するといいとのこと。 遅延ローディングのためのさまざまな手法の得失や、例えばユーザーデータを読み込むときには動的ロードしない、というようにユーザーの操作を妨害しないよう留意することなどについても述べられていてそれだけでもノウハウとして十分に有意義なのですが、決め手として最後に出てくる方法がすごいです。 その方法と

[hiroomi]

「最初にすべてを読み込まず、モジュール単位で分割して遅延ローディングすること。」必要なときに、必要な分だけ。多品種、小ロット化なのかね。

[dyamashiro]

なるほど

[monjudoh]

scriptタグ内にコメントアウトしたJavaScriptを書く、必要になったときにscript要素の中身を文字列として取得し、コメントアウトを解除してevalする。

[ama-ch]

javascript

[hisasann]

コメント部分にJSを書いて、後でコメントを除去してからeval

[d4-1977]

コメントアウトした部分のソースをevalで実行...

[wackey]

遅延ローディング

[o_hiroyuki]

htmlアプリケーションの高速化テクニック

[closer]

遅延eval / まあ、Googleくらいトラフィックがあってはじめて意味があるみたいな

[voidy21]

コメントをコメントアウトしてからeval

[blogpants]

scriptタグにid書けるなんてしりませんでした。

[takuya_1st]

あーそうか、コメント文字を消せばいいのか。その手があったな

[ikasamaH]

なにげにすごい事書いてある

[nurai]

HTML5

[InoHiro]

HTML5のキャッシュ機能が使える前提の話かな

[youranus]

すげーなぁ

[japanrock]

遅延ローディング高速化

[akhr2501]

JavaScriptの遅延ローディングの実装について。おもしろそうな方法。

[rgssws4m]

コメントにしておくことでそこのコード片が評価されないから高速になるのか

[StepHacks]

HTMLアプリ　起動　高速化

[taktamur]

RT @taoyag [B!] Gmailチームが明かすHTMLアプリケーション起動の高速化テクニック　TechTalkManiacs

[ftnk]

- 必要に応じて、そのscriptタグに含まれるコメントを取得してEval

[hiro-rock]

モバイルやナローバンド用にJSを遅延ロードさせたいときに、コメントアウトしてあるJSをパースして利用するという手法

[JHashimoto]

"scriptタグの下に、コメントアウトした形でモジュールのコードを全部書いておく。必要に応じて、そのscriptタグに含まれるコメントを取得してEval。”

[iww]

バッドノウハウの極みって感じ

[cyokodog]

すごい発想