웹에서 최대 FPS - WebRender가 끊김(jank)을 없애는 방법

이 글은 Firefox Quantum 릴리즈에 포함될 WebRender 기술에 대해 설명합니다. WebRender는 Servo 프로젝트에서 가져온 초고속 CSS 엔진으로, 웹 페이지 렌더링 성능을 크게 향상시켜 끊김(jank) 없이 초당 60프레임(60 FPS) 이상의 부드러운 화면 출력을 목표로 합니다.

기존 브라우저에서 15 FPS로 버벅거리던 페이지도 WebRender를 통해 60 FPS로 실행될 수 있습니다. WebRender는 렌더링 엔진의 동작 방식을 3D 게임 엔진처럼 변경하여, 디스플레이 크기나 페이지 변경량에 관계없이 일관된 고성능을 제공합니다.

이는 HTML과 CSS를 화면 픽셀로 변환하는 5단계 과정을 2단계로 단순화하고, 각 요소의 모양을 정확히 파악하는 프레임 트리/렌더 트리 생성을 최적화함으로써 달성됩니다.