{ category: "Front-end" }
ブログの改善をしている中、Lighthouseを気にしだしました。SEOやBest Practiceはもともと満点だったのですが、Accessibilityで<html> element does not have a [lang] attributeが出ていたのでそちらを対応。
htmlタグをいじるには、公式を参考に_document.tsxを作成・修正する必要がありました。公式の内容はこちら => https://nextjs.org/docs/advanced-features/custom-document
こちらに載っているソースをコピーしてきて、Htmlコンポーネントに属性を設定するのみです。簡単！
Lighthouseの診断では、速度で83点くらいをウロウロしていて、PWAの診断で改善点が提案されている状況。next-pwa入れてみてそれもまた記事にしてみるかな。