반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- 비동기
- http3
- e2e
- caching
- vue3
- svelte
- JavaScript
- CloudFlare
- Cypress
- https
- rendering
- 선택자
- ViTE
- msw
- ts error
- devtools
- vue
- aws
- import.meta.env
- vue-cli
- TLS
- Testing
- web vital
- csr
- SSR
- api test
- QUIC
- typeScript
- CSS
- custom command
Archives
- Today
- Total
목록fcp (1)
Develop Note by J.S.
[Vitals] 웹 바이탈 (Web Vitals) #2 - 측정지표
웹 바이탈은 6개의 성능 측정 지표가 있습니다. 6개중 5개는 밀리초 또는 초 단위로 측정되며, 일반적으로 2초 이내 측정된 결과를 빠르다고 표현합니다. 1. First Contentful Paint - FCP는 브라우저가 첫번째 중요한 콘텐츠(텍스트 또는 이미지/애니메이션 등)를 표시하는 첫 번째 시점까지의 소요시간입니다. - 브라우저에 첫번째로 픽셀이 로드되는 First Paint(FP)와 FCP는 다릅니다. - FCP는 로딩 프로세스 초기에 발생하므로 백엔드 성능을 나타내는 좋은 지표가 되며 목표 FCP는 0~2초 범위입니다. - 요점 : FCP 이전에 발생되는 속도 저하 요소 감지 2. Time to Interactive - TTI는 페이지가 사용자와 완전히 상호작용할 때 까지의 소요시간입니다. ..
FrontEnd/Vitals
2024. 3. 4. 17:51