Zum Hauptinhalt springen
web.dev for China
Ressourcen
  • Webplattform
  • Lernen Sie die Webplattform in Ihrem eigenen Tempo kennen.
  • HTML
  • CSS
  • JavaScript
  • Nutzer
  • Hier erfahren Sie, wie Sie die Nutzerfreundlichkeit verbessern.
  • Leistung
  • Bedienungshilfen
  • Identität
  • Weitere Informationen
  • Webentwicklung kennenlernen
  • HTML lernen
  • CSS lernen
  • JavaScript lernen
  • KI lernen
  • Leistung lernen
  • Informationen zur Barrierefreiheit
  • Weitere Kurse
  • Weitere Ressourcen
  • Sie können sich unter anderem Inhaltssammlungen und Muster ansehen.
  • KI und das Web
  • Entdecken
  • PageSpeed Insights
  • Muster
  • Podcasts und Serien
  • Newsletter für Entwickler
  • Informationen zu web.dev
Erste Schritte Referenz Baseline verwenden Blog Fallstudien
/
  • English
  • Deutsch
  • Español – América Latina
  • Français
  • Indonesia
  • Italiano
  • Polski
  • Português – Brasil
  • Tiếng Việt
  • Türkçe
  • Русский
  • עברית
  • العربيّة
  • فارسی
  • हिंदी
  • বাংলা
  • ภาษาไทย
  • 中文 – 简体
  • 中文 – 繁體
  • 日本語
  • 한국어
  • Articles
KI und das Web Kurze Ladezeiten Core Web Vitals kennenlernen Identität Progressive Web-Apps Zahlungen Benachrichtigungen INP optimieren Netzwerkzuverlässigkeit React Animationen Mini-Apps Medien Integrierte Sicherheit WebAssembly Geräte Einfach zu finden Automatisierung testen Angular
web.dev for China
  • Ressourcen
    • Mehr
    • KI und das Web
    • Kurze Ladezeiten
    • Core Web Vitals kennenlernen
    • Identität
    • Progressive Web-Apps
    • Zahlungen
    • Benachrichtigungen
    • INP optimieren
    • Netzwerkzuverlässigkeit
    • React
    • Animationen
    • Mini-Apps
    • Medien
    • Integrierte Sicherheit
    • WebAssembly
    • Geräte
    • Einfach zu finden
    • Automatisierung testen
    • Angular
  • Erste Schritte
  • Referenz
  • Baseline verwenden
  • Blog
  • Fallstudien
  • Einführung
  • Warum ist Geschwindigkeit wichtig?
  • Was ist Geschwindigkeit?
  • Wie wird die Geschwindigkeit gemessen?
  • Schnell sein
  • Core Web Vitals
  • Web Vitals
  • Nutzerorientierte Leistungsmesswerte
  • Grenzwerte für Core Web Vitals-Messwerte definieren
  • Largest Contentful Paint (LCP)
  • Cumulative Layout Shift (CLS)
  • Interaction to Next Paint (INP)
  • Largest Contentful Paint optimieren
  • Cumulative Layout Shift optimieren
  • Interaktion für den nächsten Farbauftrag optimieren
  • Die effektivsten Möglichkeiten zur Verbesserung der Core Web Vitals
  • Core Web Vitals-Workflows mit Google-Tools
  • Core Web Vitals für Entscheidungsträger in Unternehmen optimieren
  • Leistung vor Ort messen
  • Mit dem UX-Bericht für Chrome die Leistung vor Ort analysieren
  • Warum sich Labor- und Felddaten voneinander unterscheiden (und was Sie dagegen tun können)
  • Warum unterscheiden sich die CrUX-Daten von meinen RUM-Daten?
  • Ressourcenbereitstellung optimieren
  • Zeit bis zum ersten Byte optimieren
  • Content Delivery Networks (CDNs)
  • Ressourcen priorisieren
  • Wichtige Assets vorab laden, um die Ladegeschwindigkeit zu verbessern
  • Frühzeitige Netzwerkverbindungen herstellen, um die wahrgenommene Seitengeschwindigkeit zu verbessern
  • Ressourcen vorabrufen, um zukünftige Navigationen zu beschleunigen
  • Schnelle Wiedergabe durch Vorabladen von Audio- und Videoinhalten
  • Adaptive Bereitstellung basierend auf der Netzwerkqualität
  • Bilder optimieren
  • Das richtige Bildformat auswählen
  • Die richtige Komprimierungsstufe auswählen
  • Bilder mit Imagemin komprimieren
  • Animierte GIFs durch Videos für schnelleres Laden von Seiten
  • Responsive Bilder bereitstellen
  • Bilder mit den richtigen Abmessungen bereitstellen
  • WebP-Bilder verwenden
  • Bilder mit Bild-CDNs optimieren
  • Lazy Loading für Bilder und Videos
  • Lazy Loading für Bilder auf Browserebene für das Web
  • Webschriftarten optimieren
  • Best Practices für Schriftarten
  • Unsichtbaren Text beim Laden von Schriftarten vermeiden
  • Laden und Rendern von Webschriftarten optimieren
  • Schriftgröße für das Web verringern
  • CSS optimieren
  • Nicht kritisches CSS verschieben
  • CSS reduzieren
  • Kritisches CSS extrahieren
  • CSS-Hintergrundbilder mit Medienabfragen optimieren
  • Drittanbieterressourcen optimieren
  • Leistung von Drittanbieter-JavaScript
  • Langsamen Drittanbieter-JavaScript-Code erkennen
  • Effizientes Laden von Drittanbieter-JavaScript
  • Best Practices für Tags und Tag-Manager
  • JavaScript optimieren