多くの人が2時間かけて伝える内容を、10分でお伝えします。
Webパフォーマンスに携わって17年。あなたの問題はすでに経験済みです。セッションを予約してください。問題を解決し、開発に戻りましょう。
セッションを予約する進め方ページ速度を素早く改善する方法。
曖昧な「相談」の通話はお互いの無駄です。私は通話前に準備を行い、話す内容を事前に把握しておきます。問題を素早く診断し、解決策を提示して通話を終えます。
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ユーロを投資して、それが正しいかどうかを確認してください。
よく聞かれる質問です。
「なぜ自社の開発者で修正できないのか?」
彼らは機能を開発できます。しかしパフォーマンスのデバッグは異なる分野です。私は1日8時間、週5日、17年間この作業を行ってきました。私が15分で認識するパターンは、あなたのチームが試行錯誤すると3スプリントかかるでしょう。これはエンジニアへの批判ではありません。ジェネラリストとスペシャリストの違いです。
1時間200ユーロ。予期せぬ追加料金なし。
開始前に固定の時間数を見積もります。上限のない請求に直面することはありません。ほとんどの問題は1回のセッションで解決します。
集中セッション: 2時間 (400ユーロ)
1つの特定の問題。診断、修正、検証。これが最も一般的なセッションです。単発のパフォーマンス問題の大半に対応します。
ディープセッション: 4時間 (800ユーロ)
複数の関連する問題、または複雑な1つの問題。診断、実装、検証に加え、何がなぜ変更されたのかをチームにトレーニングする十分な時間があります。
ハーフデー: 8時間 (1,600ユーロ)
パフォーマンススタック全体の包括的なレビュー。スプリントサイクルに合わせて複数のセッションに分割できます。大規模なリリース前のヘルスチェックとして最適です。
どれが必要かわからない場合は、2時間から始めてください。私は作業が速いです。さらに問題が見つかった場合は延長するだけです。実際に使用した時間分のみの支払いとなります。
コミットメント不要
セッションごとの支払いです。契約、顧問料、最低利用期間はありません。
固定見積もり
開始前に時間数をお伝えします。見積もり時間を超えた場合、超過分は私の負担で完了させます。
柔軟なスケジュール
長時間のブロックを複数の日に分割できます。スプリントにセッションを組み込んでください。
1回のセッションの成果。
Who What Wearは、複雑な広告スタックを持つトラフィックの多いメディアです。1回の集中セッションで、彼らのチームが何ヶ月も追跡していたレイアウトの不安定さの原因と、LCPのボトルネックを正確に特定しました。
開発者は同じ週に修正を実装しました。Core Web Vitalsは赤から緑に変わりました。数週間にわたる契約も、PDFのレポートもありません。たった1回のセッションです。
これが17年の経験を持つ2時間のセッションの成果です。
もっと大規模な対応が必要ですか?
セッションだけでは解決できない深い問題もあります。main threadをブロックするJavaScriptフレームワーク。40以上のスクリプトを持つサードパーティのエコシステム。完全なパフォーマンスの刷新が必要な、何十万ものページを持つプラットフォームなどです。
セッション中にそのような問題を発見した場合は、お伝えします。全体的なスコープがどのようなものか、そして恒久的に修正するために何が必要かを正確に説明します。
私の最大のフルコンサルティングクライアントの多くは、1回のオンコールセッションから始まりました。1つの問題を解決するために2時間予約し、私の働き方を見て、本格的なコンサルティングを依頼してきました。
フルコンサルティングは、定義されたスプリントに対して15,000ユーロからです。2〜6週間、チームに参画します。深い分析、実践的なエンジニアリング、CoreDashのデプロイ、知識の移転、リグレッションの防止。固定スコープ、固定タイムラインです。
オンコール
1時間150ユーロ。特定の問題を解決します。私の働き方を見てください。
フルコンサルティング
15,000ユーロから。あなたのチームに参画し、プラットフォームを変革します。
セッションを予約する
URLと問題の簡単な説明を送ってください。通話前にサイトを確認し、開始直後から修正に取り掛かれるようにします。
現在、48時間以内のセッションを予約可能です。コミットメントは必要ありません。
よくある質問
セッションを予約する前に知っておくべきすべてのこと。
セッションについて
これは単なる監査ですか、それとも実際に修正まで行いますか?
修正まで行います。必要なコード変更を開発者に案内するか、私自身がコードの例を書きます。PDFではなく、検証済みのソリューションを手にしてセッションを終えられます。
チーム全員が通話に参加できますか?
もちろんです。開発者の参加は多ければ多いほど良いです。作業を進めながら、診断と修正についてその都度説明します。チームは問題解決の過程で学習できます。フロントエンドのパフォーマンスに関わる全員を招待してください。
セッションを録画できますか?
はい。内部利用目的での録画を歓迎します。多くのチームが、参加できなかった開発者と録画を共有しています。
料金と支払いについて
1つのブロックを複数のセッションに分割できますか?
はい。4時間や8時間のブロックは複数日に分割できます。最初のセッションで診断と実装を行い、フォローアップで効果の検証と改善を行うといった使い方が可能です。時間の使い方はあなたがコントロールできます。
問題の解決に予約時間を超えてしまった場合はどうなりますか?
すべてのセッションの開始時に実現可能性を評価します。問題が予約時間を超える場合は、作業を進める前にお伝えします。合意した時間内での解決を約束した以上、その見積もりには私が責任を持ちます。見積もりが甘かった場合、超過分の作業は私の負担で行います。
技術的なこと
どの技術スタックに対応していますか?
ブラウザで動作するものなら何でも対応します。React、Angular、Vue、Next.js、Nuxt、Magento、Shopify、WordPress、あるいはプレーンなHTMLのどれを使っていても、レンダリングエンジンの動作は同じです。JavaScriptの実行、レイアウトスラッシング、リソースのロード、main threadの競合など、ランタイムパフォーマンスをデバッグします。Chromeでレンダリングされるものであれば最適化できます。
コードベースへのアクセス権限を渡す必要はありますか?
いいえ。画面共有で作業を行います。あなたのチームの開発者が操作し、私が案内します。これにより、セキュリティやコンプライアンスのオーバーヘッドを完全に回避できます。アクセス権を付与することなく、本番環境やステージング環境を直接デバッグできます。
どのビデオ通話ツールを使用しますか?
予約確認の際にGoogle Meetのリンクを送信します。Zoom、Teams、その他のツールをご希望の場合は、確認メールに招待リンクを添えて返信してください。