Diese Regel gilt, wenn PageSpeed Insights feststellt, dass zum Rendern des ohne Scrollen sichtbaren Seiteninhalts zusätzliche Netzwerk-Roundtrips erforderlich sind.
Übersicht
Wenn die erforderliche Datenmenge die anfängliche Überlastungszeit überschreitet (in der Regel 14,6 KB komprimiert), sind zusätzliche Umläufe zwischen Ihrem Server und dem Browser des Nutzers erforderlich. Für Nutzer in Netzwerken mit hoher Latenz wie z. B. Mobilfunknetzen kann dies zu erheblichen Verzögerungen beim Laden von Seiten führen.
Empfehlungen
Begrenzen Sie für ein schnelleres Laden von Seiten die Menge der Daten, wie HTML-Markup, Bilder, CSS und JavaScript, die zum Rendern des ohne Scrollen sichtbaren Seiteninhalts erforderlich sind. Dafür gibt es mehrere Möglichkeiten:- Strukturieren Sie Ihren HTML-Code so, dass zuerst kritische „above the fold“-Inhalte geladen werden.
- Von Ihren Ressourcen verbrauchte Datenmenge reduzieren
Wichtige, ohne Scrollen sichtbare Seiteninhalte vom HTML-Code zuerst laden lassen
Laden Sie zuerst den Hauptinhalt Ihrer Seite. Strukturiere deine Seite so, dass die erste Antwort deines Servers die erforderlichen Daten sendet, um den kritischen Teil der Seite sofort zu rendern und den Rest der Website aufzuschieben. Dies kann bedeuten, dass Sie Ihr CSS in zwei Teile aufteilen müssen: einen Inline-Teil, der für die Gestaltung des ATF-Abschnitts des Inhalts verantwortlich ist, und den Teil, der aufgeschoben werden kann.
Erwägen Sie die folgenden Möglichkeiten zum Umstrukturieren einer Website für ein schnelleres Laden:
- Wenn Ihr HTML-Code Drittanbieter-Widgets vor dem Hauptinhalt lädt, kehren Sie diese Reihenfolge um.
- Wenn Ihre Website ein zweispaltiges Layout mit einer seitlichen Navigationsleiste und einem Artikel aufweist und Ihr HTML-Code die Seitenleiste vor dem Artikel lädt, kehren Sie diese Reihenfolge um.
Von den Ressourcen verwendete Datenmenge verringern
Sobald Ihre Website so umgestaltet wurde, dass sie auf mehreren Geräten einwandfrei funktioniert und die wichtigsten Inhalte zuerst geladen werden, können Sie mit den folgenden Methoden die für das Rendern Ihrer Seite erforderliche Datenmenge reduzieren:- Ressourcen reduzieren: HTML-, CSS- und JavaScript-Code kann durch das Entfernen unnötiger Leerräume und Kommentare reduziert werden. Weitere Optimierungen können möglicherweise mit Tools zum Umbenennen von Variablen in Ihren Ressourcen erreicht werden.
- CSS-Code statt Bilder verwenden, sofern dies möglich ist
- Komprimierung aktivieren
Feedback
War diese Seite hilfreich?