First Contentful Paint

개념

페이지가 로드 되는 동안 사용자가 화면에서 볼 수 있는 첫번째 컨텐츠의 시점.

FCP가 빠르면 사용자가 페이지에서 뭔가가 진행되고 있음을 인지해 안심할 수 있습니다.

성능 기준1

Good: ~ 1.8sec

성능 개선 필요: 1.8 sec ~ 3.0 sec

나쁨: 3.0 sec ~

개선 방법

LCP와 비슷하므로 해당 링크에서 확인

마무리

FCP는 LCP와 너무나 중요한 요소 중에 하나지만, 2022년 기준 core web vitals에는 속해 있지 않다.
SSR이 미적용 되어 있고 SPA로 개발 되어 있는 웹사이트는 FCP를 줄이기 위해 온 힘들 다해야할거 같다.

web.dev에서 읽은 내용을 내가 필요한 정보들만 정리해 놓았으므로, 자세한 정보를 원한다면 아래의 링크에서 확인해보자.
개선사항들을 직접 테스트해보고 결과를 알려주겠다.