ブラウザレンダリング（描画：リフロー, リペイント, コンポジット合成）

こんにちは！フロントエンドの現場を長年歩んできたチーフアーキテクトの私です。Webサイトを作っていて、「なんだか最近、スマホでスクロールするとカクカクするな…」「CSSを変えただけなのに、なんで画面全体が重くなるんだろう？」なんて悩んだ経験...

こんにちは！フロントエンドの現場を渡り歩いているチーフアーキテクトの私です。Webブラウザって、普段私たちが何気なく開いている画面の裏側で、実はものすごい量の仕事を猛スピードでこなしている職人の集団みたいなやつなんですよね。中でも「CSS（...

こんにちは！フロントエンド・アーキテクトの私です。日々、私たちが何気なくブラウザにURLを打ち込んだり、お気に入りのWebサイトを開いたりするとき、画面が一瞬で華やかに表示されますよね。でも、その裏側でブラウザくんがどれほど必死に汗をかいて...

こんにちは！フロントエンド・アーキテクチャの世界へようこそ。Webサイトを作っていると、「なんだかこのページ、表示されるまでに妙にもたつくな…」とか、「スマホでスクロールするとカクカクするな…」と感じた経験はありませんか？私たちが普段何気な...