안녕하세요, 아르옌입니다. Core Web Vitals를 고칩니다.
해결이 막혔다면 연락하세요. 사이트를 실제로 느리게 만드는 원인을 찾아 개발팀과 함께 고칩니다. 빠른 속도를 유지할 수 있도록 모니터링 환경과 기술도 팀에 전달합니다.
올바른 수정, 잘못된 순서
몇 달 동안 티켓을 하나씩 처리했는데도 사이트는 여전히 느립니다. 대부분의 프로젝트에서 이런 문제를 봅니다. 티켓 하나하나는 다 맞는 내용이지만, 페이지 속도는 하나의 생태계입니다. 수정 작업들이 서로 맞물려 있기 때문입니다. 스크립트가 main thread를 500ms 동안 차단하고 있다면, hero image를 preload해 봤자 아무런 효과가 없습니다.
그래서 사이트에서 가장 먼저 처리해야 할 작업이 무엇인지 파악하는 것부터 시작합니다. 거기서부터 순서대로 풀어나갑니다.
실제 방문자부터 살펴봅니다
모든 작업은 field data에서 시작합니다. 모바일 p75 수치, 기준 미달인 페이지, 성능 저하가 갑자기 발생했는지 아니면 몇 달 동안 서서히 진행되었는지를 확인합니다. 직접 개발한 RUM 도구인 CoreDash로 어떤 요소나 스크립트가 지연을 유발하는지 확인합니다. 방문자가 기다리게 되는 원인이 바로 그것이기 때문에, 이것부터 가장 먼저 고칩니다.
누가 구현할지는 직접 결정할 수 있습니다
제가 세운 계획에 따라 내부 개발팀이 작업할 수도 있고, 제가 직접 코드를 작성할 수도 있으며, 몇 달 동안 팀과 함께 협업할 수도 있습니다. 단 하나의 질문 때문에 막혀 있습니까? 그렇다면 1시간이면 충분한 경우가 많습니다. 서비스 보기
컨설팅이 끝난 뒤에도 빠른 속도가 유지됩니다
수정 작업은 실제 방문자가 체감해야 비로소 끝납니다. 작업 내용이 live에 반영된 후에도 CoreDash가 계속 모니터링하므로, 속도를 떨어뜨리는 새로운 플러그인이나 앱, deploy가 추가되더라도 당일에 바로 잡아냅니다.
Loop Earplugs
"모바일 속도가 약 800ms 빨라졌고 결제 전환율이 7% 올랐습니다. 투자 비용은 거의 곧바로 회수되었습니다."
Nathan Ziarczyk
성과
Marktplaats, Subito, Fotocasa, Kijiji
Adevinta는 세계 최대 규모의 온라인 마켓플레이스들을 운영하고 있습니다. 2022년부터 2024년까지 네덜란드, 이탈리아, 스페인, 캐나다의 4개 사이트에서 속도 개선을 지원했습니다. 2024년 말까지 Kijiji의 모바일 LCP는 3.7초에서 1.9초로 줄었고, Fotocasa의 INP는 600ms에서 200ms로 단축되었습니다. 4개 사이트 모두 뒤로 가기 버튼을 누르면 페이지가 브라우저 캐시에서 즉시 로드되도록 개선했습니다. 수정 작업은 해당 개발팀이 직접 구현했으며, Fotocasa 팀은 이 INP 개선 작업을 web.dev 케이스 스터디로 정리해 공개했습니다. Adevinta 사례 읽어보기
기타 작업 병행
두 세션 만에 해결
해당 팀은 몇 달 동안 layout shift와 LCP 문제에 매달려 있었습니다. 원인은 JavaScript로만 구축된 상품 갤러리였습니다. 이미지가 순수 HTML로 먼저 render되게 하고, 스크롤러와 확대 기능은 그 뒤에 스크립트로 추가하도록 바꿨습니다. 일주일 만에 field data에서 결과가 나타났습니다.
분기마다 세우는 새로운 계획
2024년부터 Prijsvrij 팀과 1년에 최소 네 번씩 만나고 있습니다. 함께 field data를 살펴보며 향후 몇 달간 가장 중요한 과제를 정하고, 구체적인 구현 방안을 마련합니다. 개발 작업은 내부 개발팀이 진행합니다. 저는 꼭 필요한 작업이 올바른 순서대로 진행되도록 만듭니다.
What clients say
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."
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
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 지연의 대부분을 차지합니다. 이 문제부터 먼저 고치세요. 해결하기 전까지는 나머지 목록을 손봐도 큰 의미가 없습니다.
개발팀에게 직접 설명해 드릴까요?
