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

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

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

Lighthouse は、<!DOCTYPE html> 宣言のないページを報告します。

DOCTYPE が指定されていないことを示す Lighthouse 監査

doctype 宣言を追加する方法

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

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

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

リソース