The teams I work with.
빠르게 페이지 속도를 해결하는 방법.
애매모호한 '조언 구하기'식의 통화는 저도 여러분도 원치 않습니다. 통화 전에 미리 준비하여 어떤 이야기를 할지 파악해 둡니다. 문제를 빠르게 진단하고 해결책을 찾아냅니다.
1. 여러분은 예약하고, 저는 준비합니다.
세션을 예약할 때 URL과 문제에 대한 짧은 설명을 보내주십시오. 미팅 전에 Core Web Vitals 데이터, 사이트 렌더링 방식, 리소스 동작을 검토합니다. 통화가 시작될 때는 어디를 봐야 할지 이미 알고 있습니다.
2. 진단하고 설명합니다.
여러분의 개발자와 제 화면을 공유합니다. Chrome DevTools, 성능 트레이스, LoAF 속성 데이터, 그리고 문제를 일으키는 정확한 코드 경로를 함께 살펴봅니다. 무슨 일이 일어나고 있는지, 왜 일어나는지, 무엇을 변경해야 하는지 설명합니다. 여러분의 팀은 단순히 해결책만이 아니라 문제를 이해하게 됩니다.
3. 문제를 해결합니다.
해결책이 간단하다면 세션 중에 실시간으로 구현합니다. 더 깊은 작업이 필요하다면, 이번 스프린트 내에 문제를 해결하는 데 필요한 정확한 지식과 이해를 얻게 됩니다. 어느 쪽이든, 전화를 끊기 전에 문제는 해결됩니다.
문제를 이미 경험해 보았습니다. 어디에 문제가 있는지 보여드리겠습니다.
현재 48시간 이내의 세션을 예약받고 있습니다.
Client Success
Don't just take my word for it
Lead Performance Engineer, Subito
"Our search results page had been failing CLS for months. Three different developers looked at it. Arjen opened a performance trace, identified two competing layout recalculations in our listing grid, and walked us through the fix live on the call. Two hours, done."
Senior Frontend Developer, NRC
"We had an INP regression after a deploy that we could not trace. Arjen found the root cause in the first 20 minutes. A single event listener on the document body was re-rendering the entire ad stack on every scroll. Our developers shipped the fix that same afternoon."
Engineering Manager, Speak
"We booked a 4 hour block expecting it to take the full day. He diagnosed our LCP bottleneck in the first session and spent the remaining time teaching our team how to use LoAF traces. Our engineers now catch regressions themselves before they reach production."
짧은 통화로 해결할 수 있는 문제들:
모든 세션은 특정 문제에서 시작합니다. 제가 가장 자주 해결하는 문제들은 다음과 같습니다.
끝나지 않는 티켓
팀에 "LCP 수정" 또는 "INP 개선" 티켓이 스프린트를 거듭하며 이월되고 있습니다. 아무도 어디서부터 시작해야 할지 모릅니다. 제가 성능 프로파일러를 열어 15분 안에 병목 현상을 찾아내고, 개발자에게 정확한 수정 방법을 안내합니다.
미룰 수 없는 런칭
라이브 배포를 앞두고 Core Web Vitals 지표가 실패하고 있습니다. 데드라인이 코앞입니다. 통과 점수에 도달하는 가장 빠른 경로를 찾아 배포 전에 함께 해결합니다. 당황하지 마십시오. 정확성만 필요할 뿐입니다.
세컨드 오피니언
에이전시들은 성능 문제를 해결하기 위해 5만 유로 규모의 프런트엔드 재작성을 제안하곤 합니다. 승인하기 전에 200유로를 투자하여 그들의 말이 맞는지 확인하십시오.
자주 듣는 질문입니다.
"왜 우리 개발자들은 이걸 해결하지 못할까요?"
그들은 기능을 개발할 수 있습니다. 성능 디버깅은 완전히 다른 분야입니다. 저는 이 작업을 하루 8시간, 주 5일, 17년 동안 해왔습니다. 제가 15분 만에 파악하는 패턴을 여러분의 팀은 3번의 스프린트 동안 시행착오를 거쳐야 할 수도 있습니다. 이는 엔지니어를 비판하는 것이 아닙니다. 제너럴리스트와 스페셜리스트의 차이일 뿐입니다.
시간당 200유로. 숨겨진 비용은 없습니다.
시작하기 전에 고정된 시간을 견적합니다. 끝을 알 수 없는 청구서를 받을 일은 없습니다. 대부분의 문제는 단일 세션에서 해결됩니다.
집중 세션: 2시간 (400유로)
하나의 특정 문제. 진단, 수정, 그리고 검증. 가장 일반적인 세션입니다. 대다수의 독립적인 성능 문제를 해결합니다.
심층 세션: 4시간 (800유로)
여러 관련 문제 또는 복잡한 단일 문제. 진단, 구현, 검증하고, 무엇이 왜 변경되었는지 팀을 교육하기에 충분한 시간입니다.
하프 데이: 8시간 (1,600유로)
전체 성능 스택에 대한 포괄적인 리뷰. 스프린트 주기에 맞춰 여러 세션으로 나눌 수 있습니다. 메이저 릴리스 전 헬스 체크용으로 이상적입니다.
어떤 것이 필요한지 확실하지 않으신가요? 2시간으로 시작하십시오. 저는 빠릅니다. 더 많은 문제가 발견되면 단순히 시간을 연장하면 됩니다. 실제로 사용한 시간에 대해서만 비용을 지불합니다.
약정 없음
세션당 지불. 계약, 유지비, 최소 약정 기간이 없습니다.
고정 견적
시작하기 전에 소요 시간을 알려드립니다. 예상 시간을 초과하면 제 비용으로 작업을 마무리합니다.
유연한 일정
긴 시간의 블록은 며칠에 걸쳐 나눌 수 있습니다. 세션을 여러분의 스프린트에 맞추십시오.
단일 세션의 모습입니다.
Who What Wear는 복잡한 광고 스택을 가진 고트래픽 미디어 퍼블리셔입니다. 단 한 번의 집중 세션에서 그들의 팀이 수개월간 찾지 못한 레이아웃 불안정성의 원인과 LCP 병목 현상을 정확히 파악했습니다.
그들의 개발자들은 같은 주에 수정 사항을 구현했습니다. Core Web Vitals는 빨간색에서 녹색으로 바뀌었습니다. 몇 주간의 계약도 없었습니다. PDF 보고서도 없었습니다. 오직 한 번의 세션이었습니다.
이것이 17년 경력자가 진행하는 2시간 블록의 모습입니다.
더 큰 규모가 필요하신가요?
일부 문제는 세션 하나로 해결하기엔 너무 깊습니다. main thread를 차단하는 JavaScript 프레임워크. 40개 이상의 스크립트가 있는 서드 파티 에코시스템. 수십만 개의 페이지가 있어 완전한 성능 개편이 필요한 플랫폼.
세션 중에 그런 문제를 발견하면 말씀드리겠습니다. 전체 범위가 어떤 모습인지, 영구적으로 해결하려면 무엇이 필요한지 정확히 설명해 드립니다.
가장 규모가 큰 저의 풀 컨설팅 클라이언트 중 다수가 단일 온콜 세션으로 시작했습니다. 그들은 하나의 문제를 해결하기 위해 2시간을 예약했고, 제가 일하는 방식을 본 후 전체 계약을 위해 다시 찾아왔습니다.
풀 컨설팅은 정의된 스프린트에 대해 15,000유로부터 시작합니다. 2주에서 6주 동안 여러분의 팀과 함께 일합니다. 심층 분석, 실무 엔지니어링, CoreDash 배포, 지식 전달, 저하 방지. 고정된 범위, 고정된 타임라인.
온콜
시간당 150유로. 특정 문제를 해결합니다. 제가 일하는 방식을 확인하십시오.
풀 컨설팅
15,000유로부터. 여러분의 팀과 함께 일하며 플랫폼을 혁신합니다.
세션 예약하기
URL과 문제에 대한 짧은 설명을 보내주십시오. 통화 전에 사이트를 검토하여 시작부터 바로 문제를 수정할 수 있도록 준비합니다.
현재 48시간 이내의 세션을 예약받고 있습니다. 약정은 필요 없습니다.
자주 묻는 질문
세션을 예약하기 전에 알아야 할 모든 것.
세션
단순한 감사인가요, 아니면 실제로 문제를 수정하나요?
실제로 문제를 수정합니다. 개발자에게 필요한 정확한 코드 변경을 안내하거나, 제가 직접 코드 예제를 작성합니다. 세션이 끝나면 PDF가 아닌 검증된 솔루션을 얻게 됩니다.
팀 전체가 통화에 참여할 수 있나요?
물론입니다. 통화에 참여하는 개발자가 많을수록 좋습니다. 진행하면서 모든 진단과 수정을 설명합니다. 팀은 문제가 해결되는 동안 배움을 얻습니다. 프런트엔드 성능 작업을 하는 모든 사람을 초대하십시오.
세션을 녹화할 수 있나요?
네. 내부용으로 세션을 녹화하셔도 좋습니다. 많은 팀이 참석하지 못한 개발자들과 녹화본을 공유합니다.
가격 및 결제
하나의 블록을 여러 세션으로 나눌 수 있나요?
네. 4시간 또는 8시간 블록은 며칠에 걸쳐 나눌 수 있습니다. 첫 번째 세션은 진단과 구현에 사용하십시오. 후속 세션은 영향을 검증하고 다듬는 데 사용하십시오. 시간을 어떻게 사용할지는 여러분이 결정합니다.
문제가 예약된 시간보다 오래 걸리면 어떻게 되나요?
모든 세션의 시작 시점에 실현 가능성을 평가합니다. 문제가 예약된 시간을 초과할 경우 진행하기 전에 말씀드립니다. 합의된 시간 내에 해결하겠다고 약속하면, 그 견적을 책임집니다. 예상 시간을 초과하면 제 비용으로 작업을 마무리합니다.
기술
어떤 기술 스택을 지원하나요?
브라우저에서 실행되는 모든 것을 지원합니다. React, Angular, Vue, Next.js, Nuxt, Magento, Shopify, WordPress, 또는 바닐라 HTML 중 무엇을 사용하든 렌더링 엔진은 동일하게 작동합니다. 저는 런타임 성능을 디버깅합니다. JavaScript 실행, 레이아웃 스래싱, 리소스 로딩, main thread 경합을 다룹니다. Chrome에서 렌더링된다면 최적화할 수 있습니다.
코드베이스에 대한 접근 권한을 드려야 하나요?
아닙니다. 화면 공유를 통해 작업합니다. 여러분의 개발자가 주도하고, 저는 방향을 안내합니다. 이렇게 하면 보안 및 규정 준수에 대한 오버헤드를 완전히 피할 수 있습니다. 권한을 부여할 필요 없이 프로덕션 또는 스테이징 환경을 직접 디버깅할 수 있습니다.
어떤 화상 통화 도구를 사용하나요?
예약 확인과 함께 Google Meet 링크를 보내드립니다. Zoom, Teams 또는 다른 도구를 선호하신다면 초대 링크를 확인 이메일의 회신으로 보내주십시오.