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

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

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

Lighthouse は、<!DOCTYPE html> 宣言のないページにフラグを設定します。

doctype がないことを示す Lighthouse の監査。

DOCTYPE 宣言を追加する方法

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

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

詳しくは、MDN の Doctype をご覧ください。

リソース