ブラウザレンダリングを理解するため簡単にまとめてみた - Qiita

初投稿です。よろしくお願いします(/･ω･)/ 新卒入社してフロントエンドエンジニアとして働き始めて早半年。 最近は、自分の書いたコードが世の中にリリースされて嬉しさを噛み締めながら楽しく社会人生活を送っています。 こんな本を読み始めました Webフロントエンド ハイパフォーマンス チューニング -久保田 光則 (著) webパフォーマンスについて...要はサイトの 速度改善 について学べる本です。 冒頭に「ウェブパフォーマンスとは何か」が書かれてます。 ウェブパフォーマンスを改善することは、ユーザが目的の達成の為に費やす時間やリソースを節約させることであり、その節約した分ユーザを豊かにしているわけです。 ウェブページ遷移時の初期ロード時のパフォーマンスだけでなく ウェブページ内でのインタラクション(ユーザが起こした操作に対しての応答)の描画のパフォーマンスが重要になってきます。 読み込み

[hiduki001]

各種コードをミニマム化→gzip圧縮した上でファーストビュー以外を遅延読み込みさせればいい、とだけ思ってるんだけど原理知ってるとやっぱ違うもん？

[nilab]

「Chromeのディベロッパーツールを使うとレンダリングの流れが表示される。Performanceタブで ⌘Eを押して検証開始」

[kwbtsts]

お、久保田さんの本だ！

[tonkotsuboy_com]

これはいいまとめ

[anatoo]

どうもどうも

[aoiasaba]

うへぇ…

[cv63kittyhawk]

めも

[goronehakaba]

縁遠い技術だけど一応ブクマ

[sononon]

すごく説明上手

[donchan922]

これ勉強になる。

[lbtmplz]

そうな〜…