The #ChromeDevSummit site is live, happening Nov 12-13 in San Francisco, CA
Check it out for details and request an invite. We'll be diving deep into modern web tech & looking ahead to the platform's future.

ビューポートのサイズに適合したコンテンツ

監査が重要である理由

この監査では、ページ上のコンテンツの幅と、ビューポートの幅が等しいかがチェックされます。 コンテンツの幅がビューポートよりも小さいまたは大きい場合、そのページはモバイル画面向けに最適化されていないとみなされます。

監査に合格する方法

この監査によって、モバイル端末向けにページが最適化されているかを確認するのは遠回りになります。 これからサイトを最適化する場合は、まずレスポンシブ ウェブデザインの基本をご覧ください。

以下の場合、この監査について考慮する必要はありません。

  • サイトをモバイル画面向けに最適化する必要はない。
  • 意図的にページのコンテンツ幅をビューポート幅よりも小さく、または大きくしている。

監査方法

このセクションでは Lighthouse による監査方法と監査スコアの算出方法を説明します。

window.innerWidth === window.outerWidth であれば、監査に合格します。