Größe des ohne Scrollen sichtbaren Inhalts verringern

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:

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:

Feedback

War diese Seite hilfreich?