고객사

Core Web Vitals 케이스 스터디

무엇이 느렸고, 누가 고쳤으며, 이후 field data가 어떻게 나타났는지 정리했습니다. 대부분의 수정 작업은 고객사 개발자가 직접 진행했습니다. 저는 문제를 찾고, 우선순위를 정하고, 수정 결과를 검증했습니다.

+27%Fotocasa 리드 증가 (기타 작업 병행, web.dev 게재)
1.9초gmbapi LCP, 기존 5초
+7%Loop Earplugs 결제 전환율
0.06Prijsvrij CLS, 기존 0.4

Some of the teams I've worked with

compareperionmy work featured on web.devhappyhorizondpg mediawhowhatwearfotocasamarktplaatsworkivavpnnestleadevintasaturnerasmusmcmonarchaleteiaharvardloopearplugssnvnina carekpnebay
Prijsvrij homepage
진단 및 컨설팅
0.06CLS, 기존 0.4

Prijsvrij

이 휴가 예약 사이트의 레이아웃 이동은 대부분 예약 플로우의 소프트 내비게이션에서 발생했습니다. LCP는 2.6초에서 1.8초로 단축되었습니다.

Prijsvrij 케이스 보기

gmbapi homepage
파워 아워
1.9초LCP, 기존 5초

gmbapi

새로 만든 Next.js 사이트는 데스크톱에서는 빨랐지만 모바일에서는 느렸습니다. 통화 중에 바로 해결했습니다.

gmbapi 케이스 보기

Voices homepage
진단
2.1초CrUX 기준 모바일 LCP

Voices

세 사이트가 하나로 통합된 구조였으며, 블로그는 Lighthouse 점수는 높았지만 실제 방문자 체감 성능은 그렇지 못했습니다. 진단 후 4년이 지난 지금도 기준을 통과하고 있습니다.

Voices 케이스 보기

Who What Wear homepage
진단
1.5초LCP, 기존 2.5초

Who What Wear

상품 갤러리 전체가 JavaScript로 구현되어 있었고, 광고가 텍스트를 밀어내고 있었습니다. 모바일 CLS는 0.30에서 0으로 개선되었습니다.

Who What Wear 케이스 보기

Loop Earplugs homepage
컨설팅 및 교육
+7%결제 전환율

Loop Earplugs

Shopify 스토어의 모바일 INP가 약 800ms 단축되었습니다.

Loop 케이스 보기

Nina.care homepage
수정
1.7초LCP, 기존 4.9초

Nina.care

빠르게 성장 중인 아이 돌봄 플랫폼입니다. 담당 개발자와 함께 작업했으며, 저는 스크립트, 채팅 위젯, 이미지 로딩을 맡았습니다. CLS는 0이 되었습니다.

Nina.care 케이스 보기

Speak homepage
교육
0.29초TTFB, 기존 약 2초

Speak

교육 1년 뒤, 개발팀은 한 고객사의 쇼핑몰을 전면 개편했습니다. LCP는 단번에 주황색에서 녹색으로 개선되었습니다.

Speak 케이스 보기

Speak, DPG Media, Jamie Oliver Group 및 Happy Horizon

"교육에서 얻은 개념과 제안 덕분에 페이지 속도와 사용자 경험이 크게 개선되었습니다."
Sander Los · Speak
"Arjen은 가장 복잡한 성능 문제도 명확하게 설명해 줍니다. 이 일을 진심으로 좋아한다는 점도 바로 느껴집니다."
Ashkan Malekloo · DPG Media
"교육을 받고 나서야 왜 INP 기준을 통과하지 못했는지, 어떤 인터랙션의 비용을 줄여야 하는지 마침내 이해하게 되었습니다."
Nicole Keep · Jamie Oliver Group
에이전시

Happy Horizon은 엔터프라이즈 고객사에서 성능 작업이 필요할 때 저를 직접 지목해 찾습니다.

에이전시 협업 방식

What clients say

Arjen Karel

URL을 보내주세요

현재 겪고 있는 문제를 알려주시면 이곳의 케이스 중 어디에 해당하는지, 어떤 작업이 필요한지 말씀드리겠습니다. 하루 안에 답변드립니다.

Contact form

Core Web Vitals 케이스 스터디 | Arjen Karel Core Web Vitals Core Web Vitals 케이스 스터디 | Arjen Karel