# Web Performance

6개의 포스트
post-thumbnail

웹 사이트 성능 메트릭

최근 초기 렌더링 개선 작업을 위한 Next.js SSG(Static Site Generation) 도입 과정에서 웹 사이트 성능 메트릭에 대한 개념이 아직 부족하다고 느껴 주요 개념들을 공부하고 이곳에 정리하고자 한다.페이지를 요청했을 때 서버에서 데이터의 첫 번째

2023년 7월 26일
·
0개의 댓글
·

렌더링 블록(Rendering Block)

브라우저 렌더링을 막는 것을 렌더링 블록이라고 한다. 이건 성능에 영향을 끼치며, 렌더링 블록에 대해 알아보자.

2023년 3월 13일
·
0개의 댓글
·
post-thumbnail

Largest Contentful Paint

참고자료 https://web.dev/i18n/ko/lcp/ LCP란? google에서 제시한 core web vitals 지표 중 하나 페이지가 처음 로드를 시작한 시점을 기준으로 뷰포트 내에 있는 가장 큰 이미지 또는 텍스트 블록의 렌더링 시간 google에서

2022년 12월 22일
·
0개의 댓글
·
post-thumbnail

CLS

사용자 경험의 핵심지표에 대해 알아보자

2021년 8월 29일
·
0개의 댓글
·
post-thumbnail

LCP

렌더링 성능의 핵심지표에 대해 알아보자

2021년 8월 29일
·
0개의 댓글
·
post-thumbnail

High Performance Web Sites (고성능 웹사이트)

https://www.oreilly.com/library/view/high-performance-web/9780596529307/

2020년 9월 24일
·
0개의 댓글
·