Wanyi Bae
2011-11-03LINE Engineer
自己紹介
ネイバージャパンのUIT(User Interface Technology)チームの裵完理(ベワニ)です。
概要
CSSやJavaScriptを使って複雑なデザインや動的なページを実装しているサービスが増えてきていますが、速度低下などの問題が発生しやすくなっています。これを100%直すことは難しいですが、改善するにはブラウザレンダリングプロセスを理解する必要がありますので、理解した上で改善方法を探してみましょう。
ブラウザレンダリングプロセスの理解
ブラウザの基本構造
User Interface - アドレスバー、戻る・進むボタン、ブックマークメニューなど、メインウィンドウに表示(document)されるページ以外の部分
Browser Engine - UIとレンダリングエンジン間のアクションを制御するもの
Rendering Engine - リクエストしたコンテンツを表示させるもの。例えばコンテンツがHTMLの場合、HTMLとCSSをパースして表示させる。
Networking - HTTPリクエストのようなネットワーク通信機能を担当
UI Backend -
