あなたのコードベース。あなたのデータ。あなたのチーム。

いいえ。開発者にはJavaScriptとウェブ開発の基本的な理解が必要です。基礎はスキップし、ブラウザのメカニズム、パフォーマンスのプロファイリング、実際の診断作業に直行します。チームがDevToolsの開き方は知っていても、フレームチャートの解釈方法がわからない場合、このトレーニングは適切なレベルです。

私はブラウザに焦点を当てています。React、Angular、Vue、Next.js、Nuxt、Magento、Shopify、あるいはバニラのHTMLのどれを使用しているかに関わらず、レンダリングエンジンは同じルールを適用します。とはいえ、実際のサイトで作業するため、パフォーマンスに影響を与えるフレームワーク特有のパターンも自然とカバーすることになります。ハイドレーション戦略がボトルネックになっている場合は、それを一緒にデバッグします。

はい。INPはほとんどのチームが苦戦する部分です。メインスレッド、イベントループ、入力遅延、処理時間、そして表示遅延を解剖することに専用の時間を費やします。開発者は、長いタスクを特定し、LoAFのアトリビューションデータをトレースし、重いJavaScriptの実行を分割してインタラクションの応答性を保つ方法を学びます。

はい。マーケティングタグを単に削除することはできません。読み込み戦略、実行タイミング、タグマネージャーのためのyieldパターン、そして各スクリプトのパフォーマンスコストを定量化し、何を残し何を削除するかについて情報に基づいた決定を下すためのガバナンス方法をチームに教えます。

はい。各セッションでは、本番環境またはステージング環境でのライブデバッグに1時間を確保しています。現在抱えているパフォーマンスのチケットや、チームが追跡しているリグレッションを取り上げ、カバーしたばかりのテクニックを使用してライブで解決します。これはトレーニングとコンサルティングのハイブリッドです。あなたのチームはスキルを学びながら、同時に実際の問題を修正します。

参加人数の制限はありません。価格設定は1人あたりではなくチームあたりです。フロントエンドチーム全員、QAエンジニア、テックリードを招待してください。参加人数が多ければ多いほど、パフォーマンスはより早くワークフローに組み込まれます。20名以上のグループの場合は、セッションをインタラクティブに保つためにフォーマットをわずかに調整する場合があります。

各3時間のセッションを3回行います。チームが内容を吸収し、セッション間に実験できるよう、通常は1〜2週間にわたってスケジュールを組みます。タイミングには柔軟に対応します。あなたのスプリントサイクルに合った枠を見つけます。

はい。全セッションの完全な録画とスライド資料が提供されます。チームはプロファイリングのテクニックやブラウザのメカニズムを自分のペースで復習できます。参加できなかった開発者も、録画を見てキャッチアップすることができます。

エージェンシートラックには、エンジニアリングチームトレーニングのすべてに加えて、3つの追加モジュールが含まれます。非技術系のクライアントへのCore Web Vitals結果の提示方法、パフォーマンス監査のスコープ設定と価格設定、そして継続的なクライアント監視のためのCoreDashのセットアップ方法です。目標は、単なる技術的な知識だけでなく、エージェンシーが新しい請求可能なサービスを持ち帰ることです。

はい。あなたのチームが最もよく知っているクライアントのサイトを選んでください。ライブデバッグの部分でそれを使用します。トレーニングが終了するまでに、あなたのチームはクライアントのサイトで実際のパフォーマンス問題を診断し、提供できる具体的な最適化ロードマップを持つことになります。