Diese Regel gilt, wenn PageSpeed Insights feststellt, dass zum Rendern des ohne Scrollen sichtbaren Seiteninhalts zusätzliche Netzwerk-Roundtrips erforderlich sind.
Überblick
Wenn die erforderliche Datenmenge das anfängliche Überlastungsfenster (in der Regel 14,6 KB komprimiert) überschreitet, 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:- HTML-Code so strukturieren, dass kritische Inhalte, die ohne Scrollen sichtbar sind, zuerst geladen werden
- Die von Ihren Ressourcen verwendete Datenmenge reduzieren
Wichtige, ohne Scrollen sichtbare Seiteninhalte vom HTML-Code zuerst laden lassen
Laden Sie zuerst den Hauptinhalt Ihrer Seite. Strukturieren Sie Ihre Seite so, dass die erste Antwort von Ihrem Server die erforderlichen Daten sendet, um den kritischen Teil der Seite sofort zu rendern und den Rest zu verschieben. Dies kann bedeuten, dass Sie Ihren CSS-Code in zwei Teile aufteilen müssen: einen Inline-Teil, der für die Gestaltung des ATF-Teils des Inhalts verantwortlich ist, und den Teil, der zurückgestellt 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 deine Website so umgestaltet wurde, dass sie geräteübergreifend funktioniert und die wichtigsten Inhalte zuerst geladen werden, kannst du mit den folgenden Methoden die für das Rendern deiner 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?