javascript - Warum ist die Performance-Bewertung einer leeren, standardmäßigen NextJS-Anwendung so niedrig?

Ich habe angefangen, mit meinem ersten Next.js-Projekt herumzuspielen.

Nachdem ich ein neues Projekt über create-next-app erstellt hatte, habe ich die Leistungs-Registerkarte in der Web-App 'Lighthouse' ausgeführt (die Ergebnisse können in den Tabs unten eingesehen werden). Der Leistungsbericht ergab eine Punktzahl von 79, jedoch lagen alle anderen Tests über 90.

Kann mir jemand erklären, warum dies die Ergebnisse sind?

Das Projekt ist neu erstellt und völlig leer. Man würde annehmen, dass ein Leistungsbericht für ein solches Projekt eine gute Bewertung zurückgibt, aber das war nicht der Fall. Wenn Sie irgendwelche Erkenntnisse haben, die helfen könnten, zu erklären, warum der Leistungstest die oben erläuterten Ergebnisse liefert, wäre das sehr geschätzt. Danke!

Antwort #1

Ich denke, Sie führen den Test auf dem Entwicklungsserver durch. Im Entwicklungsmodus werden viele ungenutzte JS-Codes verwendet. Deshalb ist die Leistung etwas langsam. Sie können die Produktionsversion prüfen.

Alles, was du tun musst, ist:

führe npm build aus
npm start (wenn Ihr Dev-Server auf Port 3000 läuft, dann führen Sie npm start -p 5000 aus)
Gehe dann zu http://localhost:5000 und führe den Lighthouse aus. Ich denke, die Leistung wird besser sein.