Webブラウザのレンダリングの仕組みを理解する

どうもoreoです。 今回はWebブラウザのレンダリングの仕組みについてまとめたいと思います。あまり意識していなくても開発はできますが、知っていればパフォーマンスの改善やAccessibilityの向上に役立ちそうですね。 1 レンダリングとは？ 普段私たちは、WebブラウザにURLを指定することで、そのリソースをブラウザ画面に表示できます。この時の 「指定したリソースをブラウザ画面に表示すること」を「レンダリング」と言います。 Webブラウザは、下記のように多くの機能を搭載していますが、この中でRendering engineが、レンダリングを実行します。 参考：https://web.dev/howbrowserswork/ ちなみに、ブラウザごとのRendering engineは下記になります。 Rendering engine Browser 参考：https://ja.wiki

[shingo-sasaki-0529]

こういうの、定期的に同じような解説読んで理解した気になってる。まぁ一回で全部理解できるわけないから、繰り返しで少しずつ血肉にしてくで良いんだろうけど。

[yarumato]

“Webブラウザは、サーバーなどからHTML等のリソースを受け取り①〜⑥の処理を経て、レンダリングを実行します。”

[nelpesica]

[]

[Keisuke69]

昔から一度ブラウザを実装してみたいと思いつつ結局一度も手をつけていない

[nilab]

Webブラウザのレンダリングの仕組みを理解する