Core Web Vitals と Lighthouse: 違いと比較

Web ページの所有者は、Web ページ上でのユーザーの重要なエクスペリエンスを最適化したいと考えています。 Web ページを最適化し、品質を向上させるために、多くのツールが導入されています。

これらのツールは、ビジネス オーナー、マーケティング担当者、開発者であれば誰でも使用でき、サイトの定量化とエクスペリエンスを向上させ、改善の機会を特定できます。

主要な取り組み

1. Core Web Vitals は、Google が Web サイトでのユーザー エクスペリエンスを測定するために使用する特定の指標のセットです。 同時に、Lighthouse は、ウェブサイトのパフォーマンスと品質をテストするために Google が開発者に提供するツールです。
2. Core Web Vitals は、ユーザー中心の XNUMX つの特定の指標 (読み込み速度、インタラクティブ性、視覚的な安定性) を測定します。Lighthouse は、パフォーマンス、アクセシビリティ、ベスト プラクティスなど、より幅広い指標を測定します。
3. Core Web Vitals は、ユーザー エクスペリエンスと検索エンジンのランキングに直接影響するため、Web サイトの所有者が注目する必要があります。 同時に、Lighthouse は、改善すべき領域を特定し、Web サイトのパフォーマンスを最適化できるツールです。

Core Web Vitals と Lighthouse

Core Web Vitals と Lighthouse の違いは、両方のツールが Google によって導入されたことと、Core Web Vitals によって導入された XNUMX つの指標が、LCP (Largest Contentful Paint)、FID (First Input Display)、CLS (Cumulative Layout Shift) であることです。一方、Google Lighthouse にも XNUMX つの指標があり、そのうち XNUMX つは Core Web Vitals の指標と同じ、LCP (Largest Contentful Paint)、CLS (Cumulative Layout Shift)、TBT (Total Blocking Time) です。

Core Web Vitals は、2020 年 XNUMX 月に Google によって導入されました。 これは Web Vitals のサブセットであり、Google のすべての Web ページに適用されます。 そして、これらの Web ページのサイト所有者はこのツールを使用して測定し、それに従って、Google がそれらを分類します。

Lighthouse ツールは、19 年 2020 月 XNUMX 日に Google によって導入されました。このツールは、Web の重要な要素を測定し、Web ページの品質を向上または最適化するために構築されました。

このツールは、Web ページの URL を入力した後に使用され、一連のチェックを実行してから、Web ページの詳細なレポートでスコアを付けます。 

比較表

比較のパラメータ	コアWebバイタル	Lighthouse
それは何ですか？	これは Web Vitals のサブセットであり、すべての Web ページに適用され、すべてのサイト所有者によって測定され、Google 全体に表示されます。	Webページの品質を向上させるツール
操作方法	実際の使用状況データ (フィールド データ) に基づいて Web ページのパフォーマンスを示します。	一連のチェックが生成され、詳細なレポートがページのパフォーマンスのスコアと共に表示されます。
導入された	2020年XNUMX月	2020 年 5 月 19 日
測定者	Lighthouse ツール、Chrome UX レポート、Chrome DevTools、Search Console、PageSpeed Insights によって測定されます。	そのようなツールはありません。
メトリック	LCP (Largest Contentful Paint)、FID (First Input Display)、CLS (Cumulative Layout Shift)	LCP (Largest Contentful Paint)、CLS (Cumulative Layout Shift)、TBT (Total Blocking Time)

Core Web Vitals とは何ですか?

Core Web Vitals は、Google Web サイト全体に存在する Web ページに適用される Web Vitals のサブセットとして定義できます。 サイト所有者はこれらの Web ページを測定する必要があり、その後 Google 上に表示されました。

このツールは 2020 年 XNUMX 月に導入され、実際の使用状況データまたはフィールド データに基づいて Web ページのパフォーマンスをフィルタリングします。 Core Web Vitals を測定できるツールは数多くありますが、その中には Lighthouse ツール、Chrome などがあります。 UX レポート、Chrome DevTools、Search Console、および PageSpeed Insights。

このツールの現在の指標は、ユーザー エクスペリエンスの向上に役立つ 2.5 つの要素 (読み込み (LCP)、対話性 (FID)、およびビジュアル読み込み (CLS)) に焦点を当てています。 LCP (Largest Contentful Paint) は Web ページの読み込みパフォーマンスを測定し、XNUMX 秒以内に LCP が発生するはずです。

FID (Web ページの最初の入力表示) は対話性を測定し、ページの FID は 100 ミリ秒以下である必要があります。 CLS (ページの累積レイアウト シフト) は視覚的な負荷を測定し、ページの CLS は 0.1 以下でなければなりません。

この Web ページは、すべての指標を 75% 以上満たしており、視聴者の適切なターゲットに到達していると言われています。

灯台とは？

Lighthouse は、Web ページの品質向上に役立つ Google によって導入された自動ツールです。 ユーザーに無料で提供されるツールです。 このツールは、全体的なパフォーマンス、SEO の使いやすさ、Web ページのアクセシビリティ、進歩的な Web アプリケーション、ベスト プラクティスなど、Web ページの品質を向上させるために必要なさまざまな事項についての洞察を提供するのに役立ちます。

Lighthouse ツールは、改善される Web ページの URL を使用して、それに対して一連のチェックを実行します。 このツールは Web ページのスコアを評価し、ページのパフォーマンスに関する詳細なレポートが作成されます。 また、Lighthouse には Core Web Vitals とは異なり、測定ツールがありません。

Google Lighthouse ツールは 2.5 つの指標でも機能します。そのうちの XNUMX つは Core Web Vitals と同じで、LCP、CLS、TBT です。 LCP (Largest Contentful Paint) は Web ページの読み込みエクスペリエンスを測定し、スコアが XNUMX 秒以下である必要があります。

CLS (Cumulative Layout Swift) は Web ページの視覚的な読み込みを測定し、スコアが 0.10 以下である必要があります。 TBT (Total Blocking Time) は、Web ページの応答性を測定します。 FID と相関関係があります。

Core Web Vitals と Lighthouse の主な違い

1. Google ツール Core Web Vitals は、すべての Web ページに適用され、すべての Web サイト所有者によって測定されるツールの一種で、これは Google 全体に表示されます。一方、Google Lighthouse は、品質の向上に役立つツールです。ウェブの。
2. Core Web Vitals ツールは、実際の使用状況データ (フィールド データ) に基づいて Web ページのパフォーマンスを表示しますが、一方、Google Lighthouse ツールは、最初に一連のチェックを実行してから、詳細なスコアとレポートを提供します。それがどのように機能するかについてのページ。
3. Google ツール Core Web Vitals は 2020 年 19 月に導入され、Google Lighthouse ツールは 2020 年 XNUMX 月 XNUMX 日に導入されました。
4. Core Web Vitals は、Lighthouse、Chrome UX レポート、PageSpeed Insights、Search Console、Chrome DevTools などの多くのツールで測定できますが、一方、Google Lighthouse にはそのような測定ツールはありません。
5. Core Web Vitals には、LCP (Largest Contentful Paint)、FID (First Input Display)、CLS (Cumulative Layout Shift) という XNUMX つの指標がありますが、Google Lighthouse にも XNUMX つの指標があり、そのうち XNUMX つは Core Web と同じです重要なものは、LCP (Largest Contentful Paint)、CLS (Cumulative Layout Shift)、TBT (Total Blocking Time) です。

参考文献

1. https://www.itema-conference.com/wp-content/uploads/2021/04/ITEMA-2020_Conference-Proceedings_FINAL.pdf#page=25
2. https://www.mdpi.com/0718-1876/16/5/77
3. https://www.theseus.fi/bitstream/handle/10024/352102/Analyis%20of%20deploying%20a%20React%20PWA%20on%20Google%20Play%20Store%20using%20TWA_Yoseph%20Alemu_Final%20Version%20%281%29.pdf?sequence=2
4. https://staff.fnwi.uva.nl/a.s.z.belloum/MSctheses/MScthesis_Tjarco.pdf

最終更新日 : 06 年 2023 月 XNUMX 日