Arjen Karel, Core Web Vitals consultant
1つの問題、あるいは最初のチェックに

Core Web Vitals power hour

1時間の通話で、サイトを調査します。料金は固定で、書面によるメモを提供します。通話前にfield dataを確認します。

Arjen Karel2009年からウェブパフォーマンスコンサルタント
Some of the teams I've worked with
Loop Earplugs Adevinta Fotocasa Happy Horizon Perion Featured on web.dev
対象者

数週間の試行錯誤をスキップする

原因は通常、遅い画像、入れ替わるフォント、またはmain threadのスクリプトです。どれが、なぜ原因なのかは、サイトごとに異なります。私はそのほとんどを以前に見たことがあるため、最初にどこを見るべきかを知っています。

  1. どこから始めるべきか

    指標が赤色で、どこから始めればよいかわからない

    Search Consoleには数百の不良URLが表示される一方で、PageSpeed Insightsでは98点になります。どのタブを開いているか確認してください。その98点は多くの場合デスクトップであり、いずれにせよlab dataのスコアです。Googleはレポート上部のfield dataに基づいてランク付けを行いますが、モバイルでは多くの場合赤色です。どのページのグループがレポートの評価を下げているか、どのテンプレートを最初に修正すべきかを示します。

  2. 計画

    20個の項目があり、すべて重要とマークされている

    制作会社からリストが送られてきました。未使用のJavaScriptの削減、CSSの最小化、次世代フォーマットでの画像の配信、その他17項目です。これをfield dataと照らし合わせます。CSSを最小化しても数キロバイトの節約になるだけで、訪問者は誰も気づきません。多くの場合、今重要な項目は2つか3つだけです。

  3. 1つの要素

    未だに遅いLCP要素

    「ホームページの7.3秒のLCP要素を修正するのを手伝ってくれませんか?」それは圧縮されプリロードされたヒーロー画像ですが、依然として遅れて表示されます。通常、ブラウザが画像を見つけるのが遅すぎます。CSSの背景である、スライダースクリプトが追加している、またはプリロードがページ上の画像とは異なるサイズを要求しているためです。PerformanceパネルでLCPを見つけ、リクエストを遅らせた原因までさかのぼります。

  4. 修正

    修正が機能しないのはなぜか?

    変更は2週間前に公開されましたが、Search Consoleは依然として失敗と表示しています。Search Consoleは過去28日間を表示するため、表示内容の半分はまだ古いサイトのものです。修正が訪問者に全く届いていないこともあります。CDNがまだ古いHTMLを配信している、または修正がデスクトップのテンプレートに適用され、モバイルでは別のテンプレートが使用されている場合です。CoreDashのようなRUMは、リリースの翌日にどちらであるかを示します。RUMがない場合は、CrUXの傾向とCDNが配信するHTMLを確認します。

進め方

私とのpower hourの様子

power hourは1つの問題を対象とします。1つのテンプレートのレイアウトシフトは、ほぼ常に1時間に収まります。40個のスクリプトを持つReactのストアフロントでのINPは収まりません。それは監査の対象です。通話が終わった時にSearch Consoleが緑色になることはありませんが、なぜ赤色なのか、そして最初に何を修正すべきかがわかります。

レポートから原因まで、1つの問題。
  1. まずは質問を

    問題を送ってください。通話の前に、モバイルでのLCP、INP、CLSのp75、Search Consoleがどのページグループにフラグを立てているか、そして1年前から失敗しているのか、前回のリリース以降なのかを確認します。突然の低下はデプロイを、ゆっくりとした低下はサードパーティスクリプトの蓄積を示しています。

  2. サイトでの1時間

    画面を共有し、ChromeのPerformanceパネルでトレースを記録します。遅いLCPや遅いタップを見つけ、何が原因かまでさかのぼります。開発者がいる場合は同席してください。翌日すべてをもう一度説明する手間が省けます。制作会社がサイトを構築している場合は、彼らも同席させてください。会ったことのない人からのアドバイスは、無視されやすいからです。

  3. メモ

    発見したこと(原因、影響、修正)を、実装する順番で1日以内に提供します。通話に参加していなくても、開発者や制作会社がそれを見て作業できるように書かれています。

  4. その後の対応(必要な場合)

    LCP画像へのloading="lazy"の追加や、欠落しているfetchpriority="high"の追加など、1行で済むこともあります。その場合はこれで完了です。さらに問題がある場合は、次に私がどうするかをお伝えします。多くの場合、開発者がメモを持って作業するだけで済みます。

料金

Core Web Vitals power hourの料金は?

固定で350ユーロです。これには後日のメモが含まれます。2時間目が必要ですか?もう1枠予約してください。1か月以内に監査を注文した場合、監査の料金から350ユーロを差し引きます。

得られるもの
  • 私、そしてこれらの問題を見つけ続けてきた17年間の経験
  • 通話前のモバイルでのp75の確認
  • 1時間の通話によるサイト調査
  • 希望に応じた開発者の通話への同席
  • 発見したすべての事項の、実装順に記載された書面
  • 監査料金への充当
Core Web Vitals power hour

1つの問題、1時間

通話前の準備が含まれます。

€350(税別)1日以内のメモ
Arjen Karel

power hourを予約する

URLと問題を送ってください。

  1. 状況を教えてください

    何が遅いのか、そしてすでに試したことを教えてください。ブラックフライデーやローンチなど、期限がある場合はそれもお知らせください。

  2. 日程を予約します

    1日以内に、都合の良い時間をいくつか返信します。その中から1つ選んでください。

  3. 準備を行い、質問に答えます

    通話の前に、field dataを確認し、送られたページのトレースを記録します。通話する頃には状況を把握しています。その後、1時間のビデオ通話を行います。あなたが質問し、私が答えます。開発者の参加も歓迎します。メモは1日以内に送ります。

Book a power hour

power hour · gmbapi

gmbapiでのpower hourの様子

新しいサイトを持つローカルSEO会社

1.9秒CrUXのLCP、以前は5秒
150msCrUXのINP、以前は220ms
0.00CrUXのCLS、以前は0.08

gmbapiは優秀なローカルSEO会社です。彼らの開発者は素晴らしい新しいサイトを構築したばかりで、私と一緒に確認したいと考えていました。彼らは自分たちの仕事についての率直な会話を歓迎していました。1時間の枠を予約しましたが、最終的に少し長く話しました。

ページの上部から下部まで、ページのタイミングを順を追って説明し、いくつかの問題を指摘しました。いくつかのレイアウトシフト、数箇所の遅いインタラクション、そしてLCPを遅延させているいくつかの点です。彼らはこれらを修正しました。LCPは5秒から1.9秒になり、サーバーの応答は3秒から700ミリ秒になりました。レイアウトシフトはなくなりました。

Core Web Vitals Power Hour

よくある質問

power hourについて前後の対応

power hourについて

Core Web Vitals power hourとは何ですか?

サイトの1つの問題に関する1時間のビデオ通話です。後日、書面によるメモを提供します。

これは営業の電話ですか?

いいえ。あなたは1時間の料金を支払っているので、その時間はサイトのために使います。監査が必要だと私が判断した場合は、最後に言及するだけにとどめます。

私は技術者ではありません。私に向いていますか?

はい。何が問題なのかをわかりやすい言葉で説明します。また、メモには開発者や制作会社に何を尋ねるべきかが記載されています。

通話中に修正できますか?

開発者が通話に参加しており、修正が小規模な場合は可能なこともあります。大規模な修正は、実装順にメモに記載します。

誰かに90点以上のスコアを約束されました。確認できますか?

はい。Lighthouseの90点とCore Web Vitalsの合格は全く別のものです。スクリプトを数秒間保留することで90点を獲得するプラグインもあります。これはテストを欺くものであり、実際の訪問者には何の役にも立ちません。あなたがどちらを提案されているかを示します。

前後の対応

何を用意すればいいですか?

URLと質問です。RUM、Search Console、またはアナリティクスがある場合は、通話中に画面を共有してください。私にアクセス権を与える必要はありません。

1時間で十分ですか?

1つの問題であれば、通常は十分です。十分でない場合は、1時間が終わる頃にはお互いにわかります。その場合は、2時間目を予約するか、監査について話し合います。

監査との違いは何ですか?

power hourは、通話による1つの問題の解決です。監査は、サイト全体をテンプレートごとに調査し、開発者が構築できる書面によるレポートを提供します。どちらが必要かわからない場合は、まずはpower hourから始めてください。1か月以内に監査を注文した場合、350ユーロが料金から差し引かれます。

通話は録画されますか?

ご希望であれば録画します。予約時にお知らせください。

Core Web Vitals パワーアワー | Arjen Karel Core Web Vitals Core Web Vitals パワーアワー | Arjen Karel