Jetpack Boost

Jetpack Boost sorgt dafür, dass deine Website schneller lädt, indem die Bereitstellung wichtiger Ressourcen optimiert wird – etwa von CSS, JavaScript und Bildern. Dieser Leitfaden erklärt, wie du Boost installierst, welche Funktion die einzelnen Features haben und wie du sie verwendest.

Du kannst kostenlos loslegen oder upgraden, um Premium-Funktionen wie die automatische Optimierung von CSS, Steuerelemente für die Bildqualität und eine erweiterte Bildanalyse freizuschalten.

Die Hosting-Tarife von WordPress.com (Business oder Commerce) enthalten keine Premium-Funktionen von Jetpack Boost – du benötigst einen bezahlten Boost-Tarif, um sie zu verwenden. Siehe Jetpack Boost auf WordPress.com verwenden unten für die Aktivierungsschritte.

Installationsanforderungen MD

Um Jetpack Boost zu verwenden, stelle sicher, dass deine Website:

• die neueste Version von WordPress ausführt.
• öffentlich zugänglich ist (also nicht durch ein Passwort oder den Wartungsmodus geschützt ist).
• Erfüllt Hosting-Anforderungen von WordPress.
• Enthält eine öffentlich zugängliche Datei xmlrpc.php.

Du benötigst das Plugin Jetpack nicht, um Boost zu verwenden. Jetpack Boost ist ein eigenständiges Plugin.

Jetpack Boost installierenMD

1. Navigiere zum WordPress-Adminbereich → Plugins → Neues Plugin hinzufügen, suche nach Jetpack Boost.
2. Klicke auf Jetzt installieren, dann auf Aktivieren.
3. Wähle einen kostenlosen oder kostenpflichtigen Tarif aus.
4. Nach der Aktivierung wirst du zum Boost-Dashboard weitergeleitet. Dort berechnet Boost deine Gesamt-, Desktop- und Mobil-Leistungswerte.

Wenn Jetpack Boost keine Verbindung zu deiner Website herstellen kann, befolge diese Schritte zur Fehlerbehebung.

Dashboard von Jetpack BoostMD

Nach der Installation zeigt das Boost-Dashboard deine Gesamt-, Desktop- und Mobil-Leistungswerte unter Geschwindigkeit deiner Website an.

Unter den Desktop- und Mobil-Werten können Abzeichen für Leistungssteigerungen erscheinen, die zeigen, wie sich Optimierungen auf deine Leistung ausgewirkt haben.

Verwende die Schaltfläche Geschwindigkeitstest ausführen oben rechts im Boost-Bildschirm, um deine Werte nach Änderungen zu aktualisieren.

Boost fasst die Optimierungseinstellungen unter Optimiere deine Geschwindigkeit in ausklappbaren Abschnitten für wichtige Seiten, das Laden von Seiten, Code-Optimierung und Bilder zusammen. Der Leistungsverlauf ist in kostenpflichtigen Tarifen verfügbar.

AktivitätsprotokollMD

Jetpack Boost 4.7.0 und höher fügen dem WordPress-Adminbereich eine Seite für das Aktivitätsprotokoll hinzu. Das Aktivitätsprotokoll (auch Website-Aktivität genannt) zeichnet auf, was auf deiner Website geschieht, darunter veröffentlichte und aktualisierte Beiträge und Seiten, die Moderation von Kommentaren, Änderungen an Plugins und Themes, Einstellungsänderungen sowie Anmeldeversuche.

Um es anzuzeigen, gehe zu Jetpack → Aktivitätsprotokoll im WordPress-Adminbereich.

Für die Seite „Aktivitätsprotokoll“ gelten alle folgenden Voraussetzungen:

• Jetpack Boost 4.7.0 oder höher.
• Eine mit WordPress.com verbundene Website, deren Verbindung mit deinem Benutzerkonto verknüpft ist.
• Die Administratorrolle auf der Website.

Du benötigst das Plugin Jetpack nicht. Boost stellt die Seite für das Aktivitätsprotokoll selbst bereit.

In der kostenlosen Version von Boost werden im Aktivitätsprotokoll die 20 neuesten Ereignisse angezeigt, und die Filterung ist nicht verfügbar. Ein kostenpflichtiger Tarif von Jetpack VaultPress Backup, Jetpack Security oder Jetpack Complete erweitert den Ereignisverlauf und schaltet die Filterung nach Datumsbereich und Aktivitätstyp frei. Das Aktivitätsprotokoll kann nicht in eine Datei exportiert werden.

Feature-ReferenzMD

Jetpack Boost enthält Tools, mit denen du die Frontend-Leistung deiner Website verbessern und überwachen kannst. Du kannst die Optimierungsfunktionen im Abschnitt Optimiere deine Geschwindigkeit des Boost-Dashboards verwalten.

Funktion	Kostenlos	Kostenpflichtig
Leistungswerte der Website Leistungswerte der Website auf Grundlage von Google PageSpeed Insights anzeigen. Mehr erfahren.	✅	✅
Leistungsverlauf Leistungsverlauf über die Zeit verfolgen.	❌	✅
Wichtige Seiten Priorisiert deine wichtigsten Seiten für gezielte Optimierungen, einschließlich der Optimierung von Critical CSS und Bildern für LCP.	Eine (1) Seite	Zehn (10) Seiten
Ladezeit von CSS optimieren Erstellt Critical CSS, um die für die Darstellung des sichtbaren Seitenbereichs benötigten Stile zu priorisieren.	✅	✅
Automatisches Critical CSS Optimiert das Laden von CSS nach Änderungen automatisch.	❌	✅
Seiten im Cache speichern Erstellt statische Versionen deiner Seiten, um die Ladezeit für Besucher zu verkürzen.	✅	✅
Nicht essenzielles JavaScript zurückstellen Verzögert das Laden von Skripten, die für die erste Darstellung nicht erforderlich sind, damit deine Inhalte schneller angezeigt werden	✅	✅
JavaScript und CSS zusammenführen Führt mehrere Dateien von JavaScript oder CSS zu einer Datei zusammen, um die Ladeleistung zu verbessern.	✅	✅
CDN für Bilder Stellt deine Bilder über das globale Hochgeschwindigkeits-CDN von Jetpack bereit.	✅	✅
Bildqualität je nach Format anpassen Fügt Steuerelemente für die Bildqualität von über CDN bereitgestellten Bildern hinzu und ermöglicht das Anpassen der Größe beim Lazy Load.	❌	✅
Bildleitfaden aktivieren Zeigt beim Durchsuchen Informationen zur Bildgröße an und hilft Ihnen dabei, möglicherweise zu große Bilder zu erkennen. Weitere Informationen.	✅	✅

Cornerstone-SeitenMD

Cornerstone-Seiten helfen Boost dabei, Leistungsverbesserungen für Ihre wichtigsten Inhalte zu priorisieren. Boost konzentriert sich bei der Erstellung von Critical CSS und Page-Speed-Werten auf diese Seiten. Ihre Startseite wird immer als Cornerstone-Seite betrachtet.

• Im Free-Tarif, können Sie eine zusätzliche Cornerstone-Seite festlegen.
• Im Paid-Tarif, können Sie bis zu zehn zusätzliche Seiten festlegen.

Standardmäßig fügt Boost Folgendes hinzu:

• Ihre Shopseite von WooCommerce (falls aktiv).
• Seiten, die im Plugin Yoast für SEO als Cornerstone-Inhalt gekennzeichnet sind.

Hinweis: Wenn Sie den Free-Tarif nutzen, wird beim ersten Installieren von Jetpack Boost nur eine der oben genannten Seiten hinzugefügt (die Startseite nicht mitgerechnet).

Sie können diese Liste im Bereich „Cornerstone-Seiten“ unter „Geschwindigkeit optimieren“ im Boost-Dashboard anzeigen oder ändern.

Boost speichert Cornerstone-Seiten als relative URLs. Wenn Sie also die Domain ändern, funktioniert Ihre Liste weiterhin, ohne dass Sie etwas aktualisieren müssen.

Cornerstone-Seiten beeinflussen:

• Geschwindigkeitswerte: Boost verwendet die erste Seite der Liste, um die Leistung zu messen.
• Critical CSS: Für jede Cornerstone-Seite wird ein eigenes optimiertes CSS erstellt, wodurch die Genauigkeit beim Laden verbessert wird.

Cornerstone-Seiten vorab rendern

Wenn diese Funktion aktiviert ist, verwendet sie WordPress 6.8 für spekulatives Laden zum Vorab-Rendern von Cornerstone-Seiten in unterstützten Browsern. Das bedeutet, dass das Laden verknüpfter Seiten im Hintergrund beginnen kann, wenn Benutzer den Mauszeiger darüber bewegen. Dadurch wird die wahrgenommene Leistung beim Klicken verbessert.

Sie können diese Funktion im Bereich „Cornerstone-Seiten“ im Boost-Dashboard ein- oder ausschalten. Standardmäßig ist sie deaktiviert.

Weitere Informationen zu Cornerstone-Seiten.

Ladevorgang von CSS optimierenMD

Beim Optimieren des Ladevorgangs von CSS wird Critical CSS generiert, also die zum Anzeigen des sichtbaren Seitenbereichs erforderlichen Stile. Diese Stile werden zuerst geladen, damit Inhalte schneller dargestellt werden können.

• Wählen Sie im Free-Tarif bei der ersten Verwendung der Funktion die Schaltfläche „Generieren“. Wenn Critical CSS später aktualisiert werden muss, wählen Sie die Schaltfläche „Critical CSS neu generieren“.
• Im Paid-Tarif generiert und aktualisiert Boost Critical CSS automatisch.

Wenn Site Health „Veraltetes Critical CSS“ meldet, folgen Sie dem Link zum Boost-Dashboard und wählen Sie die Schaltfläche „Critical CSS neu generieren“.

Bleiben Sie im Boost-Dashboard, während Critical CSS generiert wird. Wenn Sie die Seite verlassen, wird der Vorgang angehalten.

Weitere Informationen zur Optimierung von CSS.

Bilder mit LCP optimieren (kostenlos für 1 Seite, kostenpflichtig für bis zu 10)MD

Optimiert das Bild des größten Inhaltselements (LCP) auf Ihren Cornerstone-Seiten, um die wahrgenommene Ladezeit und die Werte für Core Web Vitals zu verbessern.

Free-Tarif: Optimiert eine Cornerstone-Seite.
Paid-Tarif: Optimiert bis zu zehn Seiten.

Erkennt automatisch das größte sichtbare Bild oder Hintergrundbild und:

• Priorisiert das Laden mit fetchpriority="high"
• Deaktiviert Lazy Load für Bilder mit LCP
• Verwendet Jetpack CDN und Techniken für responsive Bilder
• Lädt Hintergrundbilder vor mit image-set()

Weitere Informationen zu Bildoptimierung für LCP

Website-Seiten zwischenspeichernMD

„Website-Seiten zwischenspeichern“ erstellt statische Versionen Ihrer Seiten, um die Ladezeit für Besucher zu verkürzen.

• Boost aktualisiert den Cache automatisch, wenn sich Ihre Inhalte ändern.
• Sie können bestimmte Seiten vom Caching ausschließen. Das kann bei häufig aktualisierten Inhalten nützlich sein.

So aktivieren Sie das Caching von Seiten:

1. Erweitern Sie den Abschnitt „Seitenladen“.
2. Aktivieren Sie den Schalter „Website-Seiten zwischenspeichern“.
3. Um Seiten vom Caching auszuschließen, öffnen Sie das Bedienfeld „Ausnahmen“ öffnen und fügen Sie die auszuschließenden Muster für URL hinzu.

Auf Hosts von WP Cloud, einschließlich Pressable und WordPress.com, kann Boost den Seiten-Cache des Hosting-Anbieters erkennen. In diesem Fall zeigt Boost Seiten-Cache ist aktiv anstelle des Schalters „Website-Seiten zwischenspeichern“ an. Es ist keine zusätzliche Einrichtung des Seiten-Caches erforderlich.

Weitere Informationen zum Caching von Website-Seiten mit Boost.

Nicht erforderliches JavaScript zurückstellenMD

Nicht erforderliches JavaScript verzögert Skripte, die für die erste Darstellung nicht erforderlich sind, und hilft dabei, Ihre Inhalte schneller anzuzeigen.

Um die Funktion zu aktivieren, erweitern Sie den „Seitenladen“-Bereich und aktivieren Sie den Schalter „Nicht erforderliches JavaScript zurückstellen“.

Wenn Website-Funktionen wie Formulare oder Slider nicht funktionieren, sind sie möglicherweise auf JavaScript angewiesen, das früher geladen werden muss. Sie können:

• Deaktivieren Sie den „Nicht erforderliches JavaScript zurückstellen“-Schalter.
• Öffnen Sie das Ausnahmen-Panel und fügen Sie die URLs oder Muster für URL hinzu, bei denen JavaScript nicht zurückgestellt werden soll.
• Um stattdessen ein bestimmtes Skript auszuschließen, fügen Sie data-jetpack-boost="ignore" in dessen Script-Tag ein.

JavaScript zusammenfassenMD

JavaScript zusammenfassen fasst Dateien des Typs JavaScript zusammen und minimiert sie, um die Anzahl der Skripte zu reduzieren, die Ihre Website laden muss.

Um die Funktion zu aktivieren, erweitern Sie den „Codeoptimierung“-Bereich und aktivieren Sie den Schalter „JavaScript zusammenfassen“.

Bestimmte Skripte ausschließen

Einige Dateien für JavaScript funktionieren möglicherweise nicht korrekt, wenn sie zusammengeführt werden. Um sie auszuschließen, können Sie den Handle des Skripts anhand des Quellcodes Ihrer Seite oder der Plugin-Dokumentation ermitteln.

 Beispiel für ein Script-Tag:

https://yourjetpack.blog/wp-content/plugins/snow-effects/snow-effects.js

1.  Der Handle lautet: snow-effects.
   
2. Öffnen Sie das Ausnahmen-Panel, fügen Sie snow-effects zur Liste der Handles hinzu und wählen Sie die Speichern-Schaltfläche aus.
   

Bei erfolgreicher Ausführung sehen Sie in der Quelle der Seite einen Kommentar wie diesen:

<!-- No Concat JS snow-effects => Excluded option -->

Diese Funktion funktioniert nur mit Skripten, die über die WordPress Enqueue API hinzugefügt wurden. Sie wirkt sich nicht auf Inline- oder eingebettete Skripte aus.

CSS zusammenfassenMD

CSS zusammenfassen fasst Stylesheet-Dateien zusammen und minimiert sie, um die Anzahl der Styles zu reduzieren, die Ihre Website laden muss.

Um die Funktion zu aktivieren, erweitern Sie den „Codeoptimierung“-Bereich und aktivieren Sie den Schalter „CSS zusammenfassen“.

Bestimmte Stylesheets ausschließen

Einige Stylesheets funktionieren möglicherweise nicht, wenn sie zusammengeführt werden. Um sie auszuschließen, können Sie den Handle des Stylesheets anhand des id-Attributs im HTML ermitteln.

 Beispiel:

<link rel="stylesheet" href="https://yourjetpack.blog/wp-content/themes/twentytwenty/style.css" id="twentytwenty-style-css">

1.  Der Handle lautet: twentytwenty-style.
   
2. Öffnen Sie das Ausnahmen-Panel, fügen Sie twentytwenty-style zur Liste der Handles hinzu und wählen Sie die Speichern-Schaltfläche aus.

Wie das Zusammenfassen von JavaScript funktioniert dies nur mit Styles, die über die WordPress Enqueue API hinzugefügt wurden.

CDN für BilderMD

Ihre Bilder werden über das schnelle globale CDN von Jetpack ausgeliefert. Außerdem werden Bilder in effizientere Formate wie WebP konvertiert, damit sie schneller geladen werden.

Um die Funktion zu aktivieren, erweitern Sie den „Bilder“-Bereich und aktivieren Sie den Schalter „Bilder über CDN“.

• Kostenloser Tarif: Bilder werden automatisch über CDN optimiert und ausgeliefert.
• Bezahlter Tarif: Bietet Steuerungsmöglichkeiten für die Bildqualität und Zugriff auf die Größenanpassung beim Lazy Load.

Bildqualität pro Format anpassen (kostenpflichtige Funktion)

Mit einem Paid Boost-Tarif erweitern Sie Bildqualität pro Format anpassen unter Bilder über CDN um die Qualität von JPEG-, PNG- und WebP-Bildern zu steuern.

Passen Sie die Qualitätsstufe für jedes Format mit dem Schieberegler an oder aktivieren Sie das Kontrollkästchen Verlustfrei, um die Bildqualität ohne verlustbehaftete Komprimierung zu erhalten.

Lazy Images automatisch skalieren (kostenpflichtige Funktion)

Skaliert verzögert geladene Bilder so, dass sie besser zur Größe ihres Containers passen. Dies trägt dazu bei, Layoutverschiebungen zu reduzieren und Cumulative Layout Shift (CLS) zu verbessern.

• Lazy Images automatisch skalieren ist mit einem Paid Boost-Tarif verfügbar, wenn Bilder über CDN aktiviert ist.
• Aktivieren Sie den Schalter „Lazy Images automatisch skalieren“, um verzögert geladene Bilder an ihre angezeigten Abmessungen anzupassen.

Bildhilfe aktivierenMD

Die Bildhilfe zeigt beim Durchsuchen Ihrer Website Informationen zur Bildgröße an und hilft Ihnen, möglicherweise zu große Bilder zu erkennen.

Erweitern Sie zur Verwendung den „Bilder“-Bereich und aktivieren Sie den Schalter „Bildhilfe aktivieren“.

Dies ist besonders hilfreich, wenn Sie nicht wissen, wo Sie mit der Bildoptimierung beginnen sollen.

Multisite und lokale NutzungMD

• Multisite-Installationen: Die Protokollseite ist in Multisite-Netzwerken nicht verfügbar und wird auf keiner Website in einem Netzwerk angezeigt.
• Lokale Umgebungen: Verwende Offline-Modus zum Testen von Boost auf privaten oder lokalen Websites.

Hilfezentrum zur Fehlerbehebung für Jetpack BoostMD

Wenn Jetpack Boost nicht wie erwartet funktioniert, helfen dir unsere Dokumentationen dabei, alles wieder in Ordnung zu bringen. Die meisten Probleme lassen sich mit wenigen einfachen Schritten beheben – angefangen bei der richtigen Diagnose.

Nutze den folgenden nach Funktionen geordneten Leitfaden, um häufige Probleme zu finden. Jeder Link öffnet einen eigenen Artikel zur Fehlerbehebung mit ausführlichen Anleitungen.

Caching	Behebe Probleme mit dem Seiten-Caching von Boost – etwa Probleme beim Dateizugriff oder Konflikte mit anderen Plugins.	Fehlerbehebung bei Caching-Problemen in Jetpack Boost
Kritisches CSS	Behebe Fehler im Zusammenhang mit veraltetem oder fehlendem kritischem CSS.	Fehlerbehebung bei kritischem CSS in Jetpack Boost
CSS/JS zusammenführen	Behebe Layout- oder Skriptfehler, die durch das Zusammenführen von CSS oder JavaScript verursacht werden.	Fehlerbehebung bei der Auslieferung von zusammengeführten Dateien für CSS oder JavaScript
Zurückstellung von JavaScript	Erfahre, wie du Skripte ausschließt, die beim verzögerten Laden Fehler verursachen.	Dateien des Typs JavaScript von der Zurückstellung durch Jetpack Boost ausschließen
Messung des Geschwindigkeitsscores	Erfahre, wie Boost Geschwindigkeitsscores berechnet und was die einzelnen Messwerte bedeuten.	So wird der Geschwindigkeitsscore mit Jetpack Boost gemessen
Konsolenfehler	Behebe Fehler von JavaScript oder CSS, die in der Konsole deines Browsers gemeldet werden.	Konsolenfehler in Jetpack Boost verstehen
Anpassung von Cache-Filtern	Für Entwickler: Passe mithilfe optionaler Filter und Konfigurationsdateien an, wie Boost das Caching verarbeitet.	Cache-Parameter in Jetpack Boost mithilfe von Filtern anpassen
Schwankungen des Geschwindigkeitsscores	Erfahre, warum sich dein Boost-Ergebnis bei jedem Geschwindigkeitstest ändern kann und wie du zuverlässigere Tests durchführst.	Warum sich mein Geschwindigkeitsscore in Jetpack Boost ändert (und was ich dagegen tun kann)
Bildoptimierung für LCP	Behebe Probleme, durch die Boost deine Bilder für den Largest Contentful Paint nicht optimieren kann.	Fehlerbehebung bei häufigen Problemen mit der Optimierung von Bildern für LCP in Jetpack Boost

Brauchst du Hilfe?MD

Wenn du Probleme bei der Einrichtung oder Verwendung von Jetpack Boost hast, kontaktiere den Support von Jetpack. Wir helfen dir gerne weiter.

---

DatenschutzinformationenMD

Wir verpflichten uns uneingeschränkt zum Schutz der Privatsphäre und der Sicherheit unserer Kunden sowie ihrer personenbezogenen Daten. Wenn du besser verstehen möchtest, wie Jetpack Boost deine Daten verwendet, lies bitte den Automattic: Datenschutzhinweis (Automattic ist Eigentümer und Betreiber des Plugins Jetpack Boost), die Datenschutzrichtlinie von Automattic und den folgenden Abschnitt.

Jetpack Boost verwendet Jetpack-Bibliotheken, um eine Verbindung zu WordPress.com herzustellen und den Seitengeschwindigkeitsscore zu berechnen (unter Verwendung des tk_ai Cookies). Weitere Informationen zu Cookies in Jetpack findest du hier.