성능 보장 렌더링 순서

이종현·2020년 8월 28일
0

Javascript

목록 보기
4/6

*Critical rendering path

requests/response -> loading -> scripting -> rendering -> layout -> painting

Construction = DOM, CSSOM, RenderTree(간략한 DOM 즉 Tag남용, wrapper class남용 등...)

Opertaion = layout, paint, composition(페인트가 자주 일어나지 않도록 주의)

paint = 비트맵 형태로 데이터로 변환하여 레이어 단꼐를 만들어서 레이어별로 paint 준비.

profile
꿈 을 코딩하자

0개의 댓글