안녕하세요, 아르옌입니다. Core Web Vitals 문제를 해결합니다.
벽에 부딪혔다면 연락하세요. 사이트 속도를 실제로 떨어뜨리는 원인을 찾아 개발팀과 함께 직접 해결합니다. 빠른 속도를 유지할 수 있도록 모니터링 환경과 노하우도 팀에 전수합니다.
올바른 해결책, 잘못된 순서
몇 달 동안 티켓 목록을 처리했는데도 사이트는 여전히 느립니다. 대부분의 프로젝트가 이렇습니다. 티켓 하나하나는 모두 타당하지만, 페이지 속도는 하나의 생태계입니다. 각 해결책은 서로 맞물려 있습니다. 그 앞에서 500ms 동안 스크립트가 main thread를 막고 있다면, 히어로 이미지를 preload해 봐야 아무런 효과가 없습니다.
그래서 저는 사이트에서 무엇을 가장 먼저 처리해야 하는지 파악하는 일부터 시작합니다. 그리고 그 순서에 맞춰 위에서부터 하나씩 풀어갑니다.
실제 방문자 데이터부터 시작합니다
모든 작업은 field data에서 시작합니다. 모바일 환경의 p75 수치, 기준을 통과하지 못한 페이지, 그리고 성능 저하가 하룻밤 사이에 일어났는지 몇 달에 걸쳐 누적되었는지를 확인합니다. 직접 개발한 RUM 도구인 CoreDash를 사용해 어떤 요소나 스크립트가 지연을 유발하는지 파악합니다. 방문자가 기다리는 바로 그 지점부터 먼저 해결합니다.
누가 개발할지는 직접 결정합니다
제 계획에 따라 사내 개발팀이 직접 구현할 수도 있고, 제가 직접 코드를 작성할 수도 있으며, 몇 달 동안 개발팀과 협업할 수도 있습니다. 특정 질문 하나로 막혀 있다면 1시간 상담만으로 충분할 때가 많습니다. 서비스 보기
제가 떠난 뒤에도 빠른 속도가 유지됩니다
실제 방문자가 체감해야 비로소 작업이 끝난 것입니다. 배포가 완료된 후에도 CoreDash가 계속 감시하므로, 새로운 플러그인이나 앱, 배포로 인해 사이트가 느려지더라도 당일 즉시 감지합니다.
Loop Earplugs
"모바일 속도가 약 800ms 빨라졌고 결제 전환율은 7% 상승했습니다. 투자 비용은 거의 즉시 회수했습니다."
Nathan Ziarczyk
주요 성과
15개 마켓플레이스, web.dev에 소개
Adevinta 산하 15개 마켓플레이스의 서드파티 스크립트 로드 방식을 전면 개편했습니다. Google은 이 사례를 web.dev 케이스 스터디로 다루었습니다.
단 두 번의 세션으로 해결
해당 팀은 몇 달 동안 레이아웃 이동과 LCP 문제에 매달려 있었습니다. 원인은 순수 JavaScript로만 구축된 상품 갤러리였습니다. 먼저 순수 HTML로 이미지가 렌더링되도록 바꾸고, 스크롤과 확대 기능은 스크립트가 나중에 추가하도록 변경했습니다. 일주일 만에 field data에서 결과가 확인되었습니다.
분기마다 세우는 새로운 계획
2024년부터 Prijsvrij 팀과 1년에 최소 네 번씩 머리를 맞대고 있습니다. 함께 field data를 살펴보며 다음 몇 달 동안 무엇이 가장 중요한지 결정하고 구현 방안을 세웁니다. 실제 개발은 내부 개발팀이 진행하고, 저는 올바른 작업을 올바른 순서로 처리하고 있는지 확인합니다.
What clients say
Alza
"Arjen taught our team how he works. We now find and fix performance problems ourselves."
DPG Media
"He found problems in our component library that we had been living with for two years. Within a few days you could see the difference."
Ashkan Malekloo
Zalando
"We've had audits before, and they all gave us a long list of problems. This one told us what to fix first, and why."
Miro
"Our dashboards were doing way too much work on the main thread. CPU usage went down 25%, and our users noticed it right away."
Suzanne Beek
Voices.com
"Arjen played a key role in fixing our Core Web Vitals. He got our critical profile pages back into the green in PageSpeed. What I value most is his hands-on attitude: he doesn't just find the bottlenecks, he works directly with our development team until the fixes are actually live."
Jayme Cousins
Swift
"The layout shift on our checkout is gone. CLS went from 0.4 to 0.02, on mobile and on desktop."
Louis Breton
Rituals
"We used to break performance every other sprint. Arjen put performance budgets in our pipeline and we haven't had a regression since."
Laura Vogels
컨설팅에 사용하는 자체 도구
CoreDash: Core Web Vitals를 위한 Real User Monitoring
제가 필요해서 CoreDash를 직접 만들었습니다. 모든 프로젝트마다 어떤 요소나 스크립트가 페이지를 느리게 만들고 클릭 반응을 지연시키는지 발생하는 순간 바로 확인해야 했습니다. 수년간 이를 일일이 손으로 찾아내다가 결국 도구로 구축했습니다. 컨설팅이 끝난 뒤에도 계속 작동하며 여러 고객사를 결정적인 위기에서 구해냈습니다.
원인 분석까지 실시간으로
방문자가 지금 이 순간 겪고 있는 경험과, 느린 페이지마다 그 원인이 되는 정확한 요소나 스크립트를 즉시 파악합니다.
AI와 연동
어제 결제 페이지가 왜 느려졌는지 AI 어시스턴트에게 물어보세요. CoreDash가 MCP를 통해 답을 제공합니다.
데이터는 EU 내에만 보관됩니다. 쿠키, IP 주소, 개인정보를 일절 수집하지 않으므로 동의 배너를 띄울 필요도 없습니다. 추적할 페이지 수나 데이터 보관 기간에도 아무런 제한이 없습니다.
벽에 부딪혔습니까? 상황을 들려주십시오.
사이트 URL과 현재 겪고 있는 상황을 메시지로 보내주십시오. 직접 살펴보고 무엇이 문제인지, 해결하려면 어떤 작업이 필요한지 의견을 드리겠습니다. 제 도움이 굳이 필요 없는 상황이라면 그 역시 솔직하게 말씀드립니다.
모바일 LCP가 3.8초대에 머물러 있습니다. Lighthouse의 권장 목록을 전부 처리했는데도 전혀 개선되지 않았습니다.
https://www.example.com/확인했습니다. 사용 중인 A/B 테스팅 도구가 스크립트 로드를 마칠 때까지 페이지 전체를 숨기고 있습니다. 모바일에서는 이 시간이 LCP의 대부분을 차지합니다. 이것부터 먼저 고치세요. 그전까지는 나머지 목록을 처리해 봐야 큰 의미가 없습니다.
개발팀에게 구체적인 해결 방법을 짚어드릴까요?
