css 성능 개선 관련

css 성능 개선>

요소 움직일때는
translate 를 이용하는게 가장 좋다.

'innerText' 는 layout을 발생시키고, 'textContent'는 그렇지 않은걸로 알고 있어요.

크롬
성능 툴

-퍼포먼스 탭 들어가서
-스크린샷 체크후
-레코드 누르고 움직인후 ,
-스탑 누른후
-프레임에 16초 넘어가면 성능이 안좋다.

• 더 깊게 파보면 컨트롤+쉬프로 + p 누르고 layout 치면,
• Rendering Show layout shift regions 선택후
• 화면에서 움직인후 계속 레이아웃이 발생하면 , 계속 레이아웃이 쉬프트됫다, 즉, 성능이 안좋다 라고 보면 됨.