웹 최적화

CLS 개선방법

검색엔진 최적화

반응형 이미지와 이미지 Lazy Loading을 적용해 이미지 최적화하기

라이트하우스 진단 결과에서 다음 사진과 같이 필수 원본을 미리 연결하라는 메시지를 확인했습니다. 해당 메시지를 어떻게 해결해야 하는지, 리소스 우선순위와 관련하여 preload, preconnect, prefetch에 대해 알아보고자 합니다.

현재 프로젝트에서 폰트 다운로드에 소요되는 시간이 지나치게 긴 문제가 발생하고 있습니다. 현재 사용 중인 ttf 포맷은 대부분의 주요 브라우저에서 지원되지만, 다른 포맷에 비해 큰 파일 크기로 인해 성능에 일부 제약이 있습니다. 이를 해결하고자 폰트 포맷을 이해하고 최