ページに HTML doctype がないため、後方互換モードがトリガーされる

doctype を指定すると、ブラウザが互換モードに切り替わらなくなるため、ページが予期しない方法でレンダリングされる可能性があります。

Lighthouse の doctype 監査が失敗する仕組み

Lighthouse では、<!DOCTYPE html> 宣言がないページにフラグが設定されます。

Lighthouse の監査で doctype が欠落していることが示される

doctype 宣言を追加する方法

HTML ドキュメントの先頭に <!DOCTYPE html> 宣言を追加します。

<!DOCTYPE html>
<html lang="en">
…

詳細については、MDN の Doctype ページをご覧ください。

関連情報