통화 한 번으로 LCP 5초에서 1.9초 단축
새 Next.js 사이트를 구축한 로컬 SEO 기업. 데스크톱에서는 빠르지만 모바일에서는 느렸습니다.
데스크톱은 통과하고 모바일은 실패한 신규 사이트
gmbapi는 로컬 SEO 소프트웨어 기업이며, 실력도 탄탄한 곳입니다. 2026년 7월, WordPress에서 React, Next.js, headless CMS 기반 새 사이트로 이전했습니다. 데스크톱은 Core Web Vitals를 통과했습니다. 모바일에서는 LCP, FCP, INP가 통과하지 못했습니다.
이 회사를 운영하는 Michel van Luijtelaar와는 2021년부터 알고 지냈습니다. 2023년과 2025년에 WordPress 사이트를 봐달라고 요청해 왔고, 2026년 7월에는 새 사이트를 가지고 다시 찾아왔습니다.
자잘한 문제들의 누적
결정적인 단 하나의 문제는 없었습니다. 원래 그런 경우는 거의 없습니다. DevTools로 모바일 페이지 로드를 기록하고, 첫 바이트부터 LCP까지 트레이스를 살펴보며 통화 중에 바로바로 수정했습니다.
누구나 바라는 차트입니다. 모바일 방문자의 LCP는 가장 느렸던 5.6초에서 2.0초로 줄었고, 서버 응답은 4.2초에서 0.8초로 줄었습니다. 두 그래프 선이 내려오는 데는 몇 주가 걸립니다. 각 지점이 28일 집계 기간 동안의 느렸던 날들을 여전히 포함하기 때문입니다. 8월 이후 LCP는 1.9초에서 2.2초 사이를 유지하고 있습니다.
통화 후 페이지별, 릴리스별로 모바일 방문자 데이터를 확인할 수 있도록 CoreDash 접근 권한을 제공했고, 작업 목록도 점검했습니다. 상단에 정리한 수치는 Google의 자체 field data인 CrUX 측정값입니다.
개발자가 직접 통화에 참여하고 수정 작업이 간단하다면 1시간으로 충분합니다. 규모가 더 큰 작업은 가장 중요한 것부터 메모에 정리합니다.
고객사의 예상은 미사용 JavaScript였습니다
새로 구축한 React 사이트라면 충분히 합리적인 추측입니다. 하지만 트레이스 분석 결과 가장 큰 문제는 서버 응답과 lazy loading된 히어로 이미지였습니다.
새 프레임워크를 쓴다고 저절로 빨라지지는 않습니다
Next.js로 막 이전한 상태였고, 프레임워크의 기본 동작이 그대로 적용되었습니다. next/image는 priority를 지정하지 않으면 모든 이미지를 lazy loading하는데, 히어로 이미지 역시 그중 하나였습니다.
개발팀과 함께하는 1시간 통화: €350
담당 개발자와 함께 가장 느린 페이지를 준비하세요. 함께 살펴보며 통화하는 동안 수정할 수 있는 것은 바로 해결합니다.
더 많은 결과는 고객사 페이지에서 확인할 수 있습니다.
