mochang2
commented
9 months ago https://if.kakao.com/2022/session/75
TBT 개선 사례: 메인 스레드를 오래 점유하는 롱 태스크 줄이는 것 네트워크 요청 줄이거나 긴 JS 실행 시간을 줄임 JS 실행을 다음 프레임에 전달하는 requestAnimationFrame 함수를 사용했다?
INP: 오래 걸리는 작업에 로딩 화면을 보여주거나 동시성 기능 활용 React 동시성 모드? 18부터 지원
CLS: 미리 영역에 with Site 값을 적용하거나 이미지 비율을 설정해서 개선 가능
번들 파일 크기 최적화 이미지 최적화 eslint 더 잘 쓰기 next js sharp 폰트 최적화 CSS를 이용한 lazy rendering react useTransition hook Page Visibility API - 웹 소켓 통신 시 성능 저하가 발생한다면