Zum Hauptinhalt springen

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
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

Ressourcen
- Mehr
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
Lange Aufgaben optimieren
Interaktion für den nächsten Farbauftrag optimieren
Sofortiges Laden mit dem PRPL-Muster anwenden
JavaScript-Nutzlasten durch Codeaufteilung reduzieren
Entfernen Sie nicht verwendeten Code.
Netzwerknutzlasten reduzieren und komprimieren
So vergrößert CommonJS Ihre Bundles
Eine Leistungskultur aufbauen
Der Wert der Geschwindigkeit
Wie kann die Conversion-Leistung durch die Leistung gesteigert werden?
Was sollten Sie messen, um die Leistung zu verbessern?
Websitegeschwindigkeit funktionsübergreifend verbessern
Beziehung zwischen Websitegeschwindigkeit und Unternehmensmesswerten
Leistungsbudgets festlegen
Leistungsbudgets – Grundlagen
Ihr erstes Leistungsbudget
Leistungsbudgets in Ihren Build-Prozess einbinden
Lighthouse für Leistungsbudgets verwenden
Bundlesize mit Travis CI verwenden
Mit Lighthouse Bot ein Leistungsbudget festlegen
Leistungsüberwachung mit Lighthouse CI

Webplattform
HTML
CSS
JavaScript
Nutzer
Leistung
Bedienungshilfen
Identität
Weitere Informationen
HTML lernen
CSS lernen
JavaScript lernen
KI lernen
Leistung lernen
Informationen zur Barrierefreiheit
Weitere Kurse
Weitere Ressourcen
KI und das Web
Entdecken
PageSpeed Insights
Podcasts und Serien
Newsletter für Entwickler
Informationen zu web.dev

Google verwendet KI-Technologie, um Inhalte in Ihre bevorzugte Sprache zu übersetzen. KI-Übersetzungen können Fehler enthalten.

Startseite
Articles
Ressourcen
Kurze Ladezeiten

Schriftgröße für das Web verringern

$Ilya Grigorik$

Ilya Grigorik