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

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

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

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

<ph type="x-smartling-placeholder">
</ph> 欠落している doctype を示す Lighthouse 監査

doctype 宣言を追加する方法

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

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

MDN の Doctype をご覧ください。 のページをご覧ください。

リソース