Web エンジニアなら知っておきたいブラウザレンダリングの流れ - Fenrir Engineers

Web エンジニアの谷村です。最近の Web アプリケーションは、リッチな UI・機能とともに、サクサク操作できる UX = パフォーマンスが高いアプリケーションが求められていると思います。 パフォーマンスが高い = ユーザーが使いやすい・使ってくれるアプリケーションを実現していくためには、パフォーマンスチューニングは必須です。 実際の現場におけるパフォーマンスの課題は、個別具体性が高い場合が多く、課題に応じた解決手段を考えていく必要があると思います（API のレスポンス速度は問題ないが表示までが遅い・操作した時にもたついて感じる...etc）。 そういった課題を解決するために、まずは、そもそもブラウザがどういった流れで画面をレンダリングしているのかを知っておくことで、なぜその課題が発生しているのか、どういったアプローチが効果的なのか（なぜそのアプローチが効果的なのか）など考えやすくなると