Verbesserung Ihrer Core Web Vitals

Schauen wir uns an, wie wir die Core Web Vitals unseres Beispiels mit Next.js-Funktionen verbessern können.

In dieser Lektion lernen Sie:

• Was Lighthouse ist und wie wir es nutzen können.
• Wie Sie next/image zur automatischen Optimierung von Bildern verwenden.
• Wie Sie Bibliotheken und Komponenten dynamisch importieren, um Ihr initiales JS-Bundle zu reduzieren.
• Wie Sie eine Preconnect-Verbindung zu Third-Party-Skripten herstellen.
• Wie Next.js das Laden von Webfonts standardmäßig optimiert.
• Wie Sie das Laden von beliebigen Third-Party-Skripten optimieren.