프로젝트와 확인 범위
대상은 NOX SOFT 자체 소개 사이트의 홈 화면입니다. 외부 고객사 납품, 운영 게임 시스템이나 매출 개선 사례가 아닙니다. 큰 PNG 이미지와 전체 한글 웹폰트가 초기 전송량을 늘리고 있어 이미지와 폰트 제공 방식을 변경했습니다.
실제로 변경한 항목
스포츠북 구성 이미지를 480·800·1280px WebP로 만들고 기기 조건에 맞게 선택하도록 구성했습니다. 배경 이미지도 압축하고 가로·세로 크기를 명시했습니다. Pretendard 폰트는 공통 글자와 Unicode 구간별 파일로 분리해 필요한 글꼴만 받도록 했으며, 공통 폰트 사전 로드와 정적 파일 캐시를 적용했습니다.
당시 모바일 실험 결과
변경 전 모바일 성능은 71점, 전송량은 약 6.3MB, LCP는 20.1초였습니다. 개선 직후 측정에서는 83점, LCP 2.8초였고 재측정에서는 95점, LCP 2.5초였습니다. 변경 후 전송량은 약 205KB로 기록됐습니다. 동일한 코드에서도 네트워크와 캐시 상태에 따라 차이가 있었습니다.
측정 요약 데이터(JSON) 확인측정 결과의 한계
Lighthouse의 모바일 모의 환경에서 측정한 홈 화면 결과입니다. 실제 방문자 전체의 Core Web Vitals, 다른 페이지·기기·지역의 속도나 이후 버전의 점수를 대표하지 않습니다. 서버 응답과 CDN 캐시, 통신 지연이 결과에 영향을 줍니다. 이 기록으로 검색 순위 상승이나 문의·매출 증가가 입증된 것은 아닙니다.
개발 검수에 적용할 점
플랫폼 도입 시 기능뿐 아니라 이미지·폰트의 용량, 지원할 기기와 브라우저, 오류 상태와 실제 데이터량을 검수 기준에 포함해 보세요. 성능 목표는 프로젝트의 데이터와 이용 환경을 확인한 뒤 협의하는 것이 좋습니다.
개발 범위 상담 ↗