Das Problem eines gewöhnlichen Menüs in NextJS
In der vorherigen Lektion haben wir ein Menü aus gewöhnlichen Links erstellt:
export default function Menu() {
return <>
<a href="/">home</a>
<a href="/about">about</a>
<a href="/price">price</a>
<a href="/contacts">contacts</a>
</>;
}
Lassen Sie uns nun einige Probleme besprechen, die damit verbunden sind. Die Sache ist, dass das Navigieren über die Links dieses Menüs zu einem Neuladen der gesamten Seite führt. Das ist aus SEO-Sicht korrekt, aber aus Leistungssicht nicht optimal. Die Sache ist, dass beim Neuladen der Seite das gesamte Layout der Seite erneut heruntergeladen wird, obwohl sich nur der Inhalt ändert. Optimal wäre es, nur den Inhalt der Seite herunterzuladen.
NextJS bietet eine Lösung für dieses Problem an. Diese werden wir in der nächsten Lektion betrachten.
Stellen Sie sicher, dass die Navigation über gewöhnliche Links einen Seitenneulad auslöst.
