2020-07-25
やること宣言
gaaamii.icon
勉強中メモ
gaaamii.icon
第1章 ウェブパフォーマンスとは何か
ユーザーの様々な振る舞いに対してウェブページが応答を返す速さ
1.6 本書の概要
第2章「ブラウザのレンダリングの仕組み」、第3章「チューニングの基礎」が面白そうなのでそこまでは読みたい。
第2章 ブラウザのレンダリングの仕組み
ブラウザとレンダリングエンジンの対応と、それぞれのシェア(%)の表がためになる。シェアについては今はまた変わってるだろうけど。
JavaScriptエンジンの違いとか意識したことないな。いつもブラウザ単位で、caniuse.com を見てるだけだから。
2.3 ブラウザのレンダリングの流れ
Frame
Loading
Download
リソースをダウンロードする。
Parse
構文解析して、レンダリングエンジンの内部表現にする
HTML -> DOMツリー
CSS -> CSSOMツリー
Scripting
Rendering
Calculate Style
Layout
Painting
Paint
Rasterize
Composite Layers
やったこと
gaaamii.icon