javascript - NextJS Lighthouse En İyi Uygulamalar: Charset Doğru Tanımlanmamış Hatası

Blog sayfamda bu hatayı alıyorum: Doğru şekilde charset tanımlanmış Hata! Bir karakter kodlaması bildirimi gereklidir. Bu, HTML'nin ilk 1024 baytı içinde bir etiketiyle veya Content-Type HTTP yanıt başlığında yapılabilir. Karakter kodlaması bildirme hakkında daha fazla bilgi edinin.

Sayfamda <meta charset="UTF-8" /> olmasına rağmen, bu hatayı index sayfamda ve diğer sayfalarda almıyorum.

Benim _document.js dosyam:

import Document, { Html, Head, Main, NextScript } from 'next/document'

class MyDocument extends Document {
  static async getInitialProps(ctx) {
    const initialProps = await Document.getInitialProps(ctx)
    return { ...initialProps }
  }

  render() {
    return (
      <Html lang="ja">
        <Head>
        <meta charset="UTF-8" />

        </Head>
        <body>
          <Main />
          <NextScript />
        </body>
      </Html>
    )
  }
}

export default MyDocument

Hata, blog sayfamda getserversideprops'tan dönen veri miktarını azalttığımda ortadan kalkıyor. Bu, 'Properly defines charset' hatasıyla mı ilgilidir?

Eğer yaparsa, istemci tarafından bazı verileri döndürebilirim ama bu, SEO'yu etkiler.

Bu sorunu nasıl çözebilirim?

Getserversideprops'te MySQL veritabanından dönen veri miktarını azaltmayı denedim ve hata ortadan kayboldu.

Cevap #1

Ayrıca büyük sayfaların bu hatayı tetiklediğini, sitenin farklı bölümlerindeki daha küçük sayfaların ise tetiklemediğini görüyorum. Sanırım bu bir Lighthouse hatası.