Das NitroPack Tool ist die eierlegende Wollmilchsau fรผr die Optimierung der WordPress Ladezeit und Core Web Vitals deiner WordPress Website.
Spare dir die Einrichtung verschiedener Plugins fรผr die Ladezeitoptimierung, denn NitroPack รผbernimmt sรคmtliche notwendigen Maรnahmen und kann tatsรคchlich mit wenigen Klicks deine Website-Ladezeit und deine Core Web Vitals auf einen unfassbaren Stand bringen.
Bei meiner Nutzung von NitroPack war ich sehr รผberrascht, wie einfach die Einrichtung ist und welche unfassbaren Ergebnisse erreicht werden, egal welches WordPress Hosting genutzt wird.
In diesem Artikel stelle ich dir das Tool vor, teile meine Erfahrungen, sowie die Vor- und Nachteile und gebe dir Tipps zur Einrichtung.
Die Kurzform โ NitroPack, meine Erfahrungen & mehr (tl;dr)
NitroPack fรคllt in meinen Augen unter die besten WordPress Caching Plugins, ist strenggenommen aber ein Tool, welches per Plugin mit deiner WordPress Website verbunden wird und anschlieรend mit wenigen Klicks eine Optimierung der Performance und Core Web Vitals erreicht, die ich so noch nie gesehen habe.
NitroPack kann bei bis zu 5.000 Seitenaufrufen pro Monat kostenlos genutzt werden und bietet fรผr mehr Aufrufe kostenpflichtige Plรคne mit fairen Preisen an.
Laut Pingdom Speedtest ist die Ladezeit meiner getesteten Seite durch NitroPack von 2.59 Sekunden auf 529 Millisekunden gesunken.
Das bedeutet also, es wurden etwa 80% Ladezeit eingespart und das mit nur wenigen Klicks und ohne komplexe Einstellungen.
Zusรคtzlich sind die Core Web Vitals in den Google Pagespeed Insights von roten Zahlen komplett ins Grรผne รผbergegangen, genau wie auch die Gesamtbewertungen fรผr Mobil und Desktop (auf die man aber nicht zu viel geben sollte).
Trotz der einfachen Einrichtung solltest du deine Website prรผfen, ob sie nach der Einrichtung von NitroPack noch komplett korrekt funktioniert.
Kurz gesagt: ich kann dir NitroPack sehr empfehlen und dir รผber diesen Link* exklusive 5% Rabatt anbieten!
(Probiere auf jeden Fall mal den kostenlosen Tests auf der Startseite aus und lasse dir anzeigen, wie sehr NitroPack deine Website verbessern kรถnnte)
Was optimiert NitroPack genau?
NitroPack รผbernimmt sรคmtliche Aspekte der WordPress Ladezeitoptimierung fรผr dich.
Um das Tool zu nutzen, musst du lediglich einen Account bei NitroPack anlegen*, das NitroPack Plugin installieren und dich im Plugin anschlieรend mit deinen Zugangsdaten einloggen.
Statt also ein Plugin fรผr die Codeoptimierung (wie Autoptimize), eines fรผr Caching (wie WP Rocket) und nochmals eins fรผr ein CDN zu nutzen, kannst du dich getrost auf NitroPack verlassen.
Das Tool รผbernimmt die folgenden Optimierungen fรผr dich:
Caching
Durch das Caching wird deine Website beim Aufruf als Ganzes geladen und nicht erst aus den vielen WordPress-, Theme- und Plugindateien zusammengesetzt.
- Smart Invalidation
- Cookie & Device Awareness
- Integrate with 3rd-party cache
- Browser Caching
- Automatic Cache Warmup
CSS Optimierung
CSS Dateien werden zusammengefasst, komprimiert und optimiert ausgeliefert.
CSS Combining
Above-the-fold critical CSS
Deferred loading of fonts
CSS Minification
CSS Compression
JS Optimierung
JavaScript Dateien werden zusammengefasst, komprimiert und optimiert ausgeliefert.
Intelligent JS Combining
JS Minification
JS Compression
Deferred Loading
CDN (Content Delivery Network)
Das Content Delivery Network liefert die fรผr die Website notwendigen Daten von einem geografisch nah an dem Aufruf liegenden Server, wodurch die Performance und Last reduziert wird.
- GZIP and Brotli Compression
- Global CDN
- HTTP/2 Compatibility
HTML Optimierung
HTML Dateien werden zusammengefasst, komprimiert und optimiert ausgeliefert.
Advanced Resource Loader
HTML Minification
HTML Compression
DNS Preconnects
Bild-Optimierung
Bilder werden komprimiert, auf passende Grรถรen verringert, รผber Lazy Loading verzรถgert ausgeliefert und mehr.
Preemptive Image Sizing
WEBP Support
Adaptive Sizing (BETA)
Lazy Loading
Lossy and Lossless Compression
Auf der Startseite von NitroPack* kannst du deine Website eingeben und anzeigen lassen, welche voraussichtlichen Ergebnisse du mit Nutzung von NitroPacks โLudicrousโ Einstellung erwarten kannst.
Zwar ist das nicht die von mir empfohlene Einstellung (dazu spรคter mehr) und das Ergebnis ist auch nicht 1:1 korrekt, aber es zeigt dir eine gute Richtung an, in die es gehen kann. Meine Website war nach der Optimierung mit NitroPack minimal schlechter, als in diesem Test angegeben; trotzdem aber noch unfassbar gut!
Meine Nitropack Erfahrungen & Ergebnisse nach der Optimierung
Seit Anfang 2021 nutze ich NitroPack aktiv hier auf meiner WordPress Website, wodurch ich zum Zeitpunkt des Schreibens also etwa 8 Monate lang Erfahrungen mit Nitropack gesammelt habe.
Meine Website ist deutlich schneller geworden und auch die Daten der Core Web Vitals des Google Pagespeed Insights Tools sind viel besser geworden.
NitroPack kann รผber einen einfachen Schieberegler auf die gewรผnschte โStรคrke der Optimierungโ eingestellt werden. Hier muss mรถglicherweise etwas herumgespielt werden, damit auch weiterhin alles reibungslos funktioniert.
Die Einstellungen sind gut erklรคrt, trotzdem fรผr viele Anfรคnger vermutlich nur schwer zu verstehen. Hier hilft er Support allerdings super weiter. Gibt es Probleme, kรผmmern sich die Mitarbeiter von NitroPack um deine Website und die korrekten Einstellungen des Tools. In meiner Erfahrung waren Probleme innerhalb von 48 Stunden gelรถst!
Bezรผglich der DSGVO musst du den Support anschreiben, um einen AV-Vertrag zugeschickt zu bekommen.
So, nun zu den harten Zahlen:
Meine Tests liefen รผber diese Website mit WordPress 5.6, 31 aktiven Plugins, gehostet bei RAIDBOXES unter PHP 7.4. NitroPack ist auf die โStrongโ Optimierung eingestellt.
Als Tools habe ich den Pingdom Speedtest und die Google Pagespeed Insights genutzt und sie dir dem Test der voraussichtlichen Ergebnisse laut NitroPack gegenรผbergestellt.
Getestet habe ich meine Artikel รผber Real Cookie Banner (RCB) und RAIDBOXES (RB), meine Startseite (HP) und die Landingpage meines Mitgliederbereichs (DOJO).
Ergebnisse bei der Ladezeit
Die Verbesserung der Ladezeit ist offensichtlich und รคuรerst stark. Selbst die von NitroPack angegebenen Verbesserungen wurden ansatzweise erreicht.
Getestete Seite | Vorher | Nachher | NitroPack-Test |
---|---|---|---|
RCB | 2,59 s | 498 ms | 570 ms |
RB | 3,06 s | 505 ms | 460 ms |
HP | 1,47 s | 286 ms | 350 ms |
DOJO | 3,53 s | 531 ms | 410 ms |
Ergebnisse der Core Web Vitals
Die Gesamtbewertung (der Pagespeed Score) in den Google Pagespeed Insights hat sich klar verbessert. Um die Tabelle nicht unรผbersichtlich zu machen, stelle ich dir hier die Gesamtbewertungen gegenรผber.
Getestete Seite | Mobil โ Vorher | Mobil โ Nachher | Desktop โ Vorher | Desktop โ Nachher |
---|---|---|---|---|
RCB | 17 | 77 | 83 | 95 |
RB | 10 | 66 | 69 | 94 |
HP | 26 | 69 | 77 | 98 |
DOJO | 16 | 56 | 75 | 75 |
Ergebnisse in Google Analytics
Google Analytics trackt die realen Seitenladezeiten einzelner Nutzer und auch hier lรคsst sich ganz einfach feststellen, welche Auswirkungen NitroPack (Start der Nutzung Mitte Januar) hat:
Fazit der Ergebnisse
NitroPack* hat meine Website (und auch weitere getestete WordPress Websites) fast schon unfassbar schneller gemacht. Die Ladezeit ist unter eine Sekunde gesunken und Googles PageSpeed Insights Tool zeigt, dass sich die Core Web Vitals und der Pagespeed Score รผberwiegend in den grรผnen Bereich verbessert haben.
All das mit nur sehr wenig Einstellungsaufwand. Ich habe das Konto bei NitroPack* erstellt, das WordPress Plugin installiert, beide verbunden und die โStรคrke der Optimierungโ auf โStrongโ gestellt.
Ich habe noch kein anderes Plugin oder Tool gesehen, dass mit so wenig Aufwand ein solch รผberzeugendes Ergebnis erreicht.
Durch diese Erfahrung und meine Tests ist NitroPack definitiv die Nummer 1, um WordPress schneller zu machen!
Fรผr wen ist NitroPack geeignet & wer braucht es?
Um es einmal etwas vereinfacht auszudrรผcken:
Hast du WordPress gerade erst installiert, arbeitest mit fรผnf Plugins, hast zehn Seiten und vier Beitrรคge online, wirst du zwar einen kleinen Vorteil durch Nitropack merken, allerdings keinen riesigen Sprung.
Je umfangreicher deine Website ist, je mehr Beitrรคge, Seiten, Funktionen, Plugins du hast, desto grรถรer wird die Optimierung der Ladezeit und Core Web Vitals ausfallen.
Auch bei WooCommerce Shops ist mir eine deutliche Steigerung aufgefallen.
Wenn du auf deiner Website bereits ein Setup mit einem groรartigen Hoster, Optimierungs- und Caching Plugins wie WP Rocket, W3Total Cache, Shortpixel Image Optimizer und Cloudflare hast und mit der Geschwindigkeit deiner Website zufrieden bist, brauchst du NitroPack nicht.
Mรถchtest du deine Ladezeit allerdings stark optimieren, Googles Core Web Vitals mรถglichst gut erfรผllen und hast keine Lust, mehrere Plugins zu bezahlen und einzurichten, ist NitroPack genau der richtige Weg fรผr dich.
Grรผnde fรผr NitroPack
- deine Website Ladezeit ist langsam (> 2,5 Sekunden)
- du mรถchtest die Google Core Web Vitals erfรผllen und hast aktuell schlechte Bewertungen
- du befindest dich in einem umkรคmpften SEO-Markt und mรถchtest jede Stellschraube voll ausnutzen
- statt mehrerer Plugins mรถchtest du lieber eine All-In-One Lรถsung
- du kennst dich technisch nicht gut aus, mรถchtest aber WordPress schneller machen
- du bezahlst mehrere Plugins & Services zur Optimierung der Ladezeit und mรถchtest deine Kosten reduzieren
Grรผnde gegen NitroPack
- deine Website lรคdt bereits raketenschnell
- dein aktuelles WordPress Setup (Caching Plugins, Hoster, Services) wurde von dir perfekt eingestellt
- deine Website ist noch neu und ziemlich leer
- du hast mehr als 5.000 Seitenaufrufe pro Monat und mรถchtest kein Geld ausgeben
NitroPack Gutschein & Pricing
Wenn du nur schnell den Gutschein haben mรถchtest, gehe einfach รผber diesen Link und spare 5% auf deine erster Zahlung: Klicke hier und spare 5% bei der Buchung von Nitropack.
NitroPack bietet sowohl einen kostenlosen Plan als auch kostenpflichtige Plรคne an.
Mรถchtest du zunรคchst testen oder dir reichen die integrierten Volumen des kostenlosen Plans aus (und das NitroPack Badge, das auf deiner Website eingefรผgt wird, macht dir nichts aus), kannst du komplett kostenlos starten.
Dabei ist wirklich alles kostenlos, du musst nicht einmal eine Zahlungsmethode hinterlegen!
Hast du etwas mehr Traffic auf deiner Website und mรถchtest das NitroPack Badge loswerden, starten die Preise bei 17,50$ pro Monat bei jรคhrlicher Zahlung.
Hast du mehrere Websites oder mรถchtest einen Agenturplan buchen, kontaktiere am besten das Support Team. In meiner Erfahrung werden gute Angebote gemacht, wenn man nur nett nachfragt ๐
Wenn du bei der Buchung von Nitropack sparen mรถchtest, nutze diesen Link*, in den der Gutschein bereits eingebaut ist. Du sparst damit 5% auf deine erste Zahlung, wรคhle also am besten die jรคhrliche Zahlung, um aus dem Gutschein mรถglichst viel herauszuholen.
Vorteile & Nachteile NitroPack
Wie jedes Tool gibt es auch bei Nitropack Vorteile und Nachteile.
Ich liste dir die in meinen Augen wichtigsten Punkte fรผr und gegen Nitropack auf, damit du eine gute Grundlage fรผr deine Entscheidung hast.
Insgesamt kann ich sagen, dass ich Nitropack jedem empfehlen wรผrde, der die Ladezeit der (WordPress) Website optimieren und das Maximum aus den Google Core Web Vitals herausholen mรถchte.
Vorteile
- einfach einzurichten dank vordefinierter Einstellungen
- unglaubliche Ladezeit-Verbesserungen
- starke Optimierung der Google Core Web Vitals
- bessere Google Rankings durch optimierte Performance und Core Web Vitals
- funktioniert mit jedem Hoster
- erspart dir mehrere Plugins
- kostenlose Testversion verfรผgbar
- unterstรผtzt auch PageBuilder und WooCommerce
- netter, kompetenter und schneller Support (englischsprachig)
Nachteile
- bei falscher Einrichtung kann es zu Darstellungsproblemen kommen
- wichtige Funktionen, iFrames, extern abgerufene Inhalte kรถnnen gestรถrt werden (immer schรถn testen!)
- AV-Vertrag mit Nitropack notwendig (รผber den Support erhรคltlich)
- Google Fonts werden nachgeladen, wodurch Seiten zu Beginn des Aufrufs falsche Fonts zeigen (Lรถsung: Google Fonts von Optimierung ausschlieรen)
Tipps zur optimalen Einrichtung & Nutzung
Jede (WordPress) Website ist anders.
Ich kann dir daher die perfekten Einstellungen fรผr deine Website nicht nennen, allerdings gibt es einige Tipps, mit denen du selber die optimalen Einstellungen finden kannst.
Grundsรคtzlich kannst du zunรคchst starten, ohne detaillierte Einstellungen vorzunehmen. NitroPack ist out of the box sehr gut konfiguriert!
Die Einrichtung in WordPress
NitroPack besteht aus zwei Teilen: Dem Tool und dem Plugin.
Zur Einrichtung gehst du am besten so vor:
- Erstelle auf nitropack.io* ein Konto, du kannst mit der kostenlosen Version starten oder auch direkt einen kostenpflichtigen Plan buchen
- Installiere und aktiviere in WordPress das kostenlose Nitropack Plugin
- Stelle in WordPress unter โEinstellungenโ โ โNitroPackโ die Verbindung zu deinem Account her
- Einstellungen nimmst du am besten im Dashboard von NitroPack vor, nicht รผber die Einstellungen in WordPress
Das grundsรคtzliche Level der Optimierung
Starte in den โSettingsโ von NitroPack und nutze den Schieberegler, um die voreingestellte โStรคrke der Optimierungโ festzulegen. Anhand dieser Einstellung werden gewisse Einstellungen automatisch festgelegt.
NitroPack empfiehlt die Einstellung โLudicrousโ (worauf auch die Einschรคtzung des Tests von NitroPack basiert). Lasse diese aktiv und prรผfe, ob auf deiner Website alles rund lรคuft (insbesondere JavaScript Funktionen wie PopUps, Anmeldeformulare und รคhnliches).
In meiner Erfahrung ist โLudicrousโ eine Stufe zu intensiv und macht bei einigen Funktionen Problemen.
Daher ist meine Empfehlung, wenn du auf Probleme mit โLudicrousโ stรถรt, den Schieberegler auf โStrongโ zu stellen. All meine oben genannten Testdaten sind mit dieser Optimierungsstufe gelaufen und bei dieser Stufe stelle ich am wenigsten Probleme bei gleichzeitig guter Optimierung fest.
Auch bei mir steht NitroPack auf โStrongโ.
Aktiviere das โCache Warmupโ
Das Cache Warmup sorgt dafรผr, dass deine Webseiten von NitroPack automatisch gecached und somit optimiert ausgeliefert werden, statt sie erst beim ersten Aufruf einer Seite zu optimieren.
Dadurch werden deine Seiten jederzeit optimal ausgeliefert und auch nachdem du den Cache fรผr eine Seite gelรถscht hast direkt wieder optimiert und in den Cache aufgenommen.
Hinterlege in dieser Einstellungsseite einen Link zu deiner Sitemap, damit das Tool alle Seiten findet. Dieser Link ist normalerweise โdeinedomain.de/sitemap.xmlโ.
Etwas wird nicht ordentlich angezeigt โ Cache fรผr eine Seite leeren
Es kann vorkommen, dass plรถtzlich etwas nicht mehr korrekt angezeigt wird auf deiner Website. Eine Farbe ist plรถtzlich anders, eine รnderung erscheint nicht.
Keine Sorge, einfach mal den Cache leeren!
Wenn du den Cache fรผr eine Seite leeren mรถchtest, kannst du das entweder รผber den Reiter โOptimizationsโ im NitroPack Backend machen (รผber den Papierkorb), oder du nutzt auf deiner WordPress Website den in der Admin-Leiste eingefรผgten Menรผpunkt โNitroPackโ und klickst auf โpurge cacheโ.
Wenn du Beitrรคge oder Seiten aktualisierst, wird der Cache automatisch geleert und bei aktiviertem Cache Warmup wieder neu gebildet.
NitroPack und RAIDBOXES
NitroPack und RAIDBOXES arbeiten ohne Probleme zusammen. Da RAIDBOXES allerdings NGINX Server nutzt und nicht wie die meisten anderen Hoster APACHE, musst du in NitroPack eine kleine Einstellung tรคtigen, damit das Caching und das Lรถschen des Caches ordentlich funktioniert:
- Navigiere zu โSettingsโ und dem Reiter โIntegrationsโ
- Aktiviere den โReverse Proxy (Varnish, NGINX, etc.)
- Hinterlege in dem ersten Feld (wie auf dem Screenshot zu sehen) โhttps://deinedomain.de/#raidboxes-purge-cacheโ
Schlieรe Seiten und Skripte bei Problemen aus
In den โSettingsโ bei NitroPack hast du die Mรถglichkeit, sowohl URLs als auch Ressourcen von der Optimierung auszuschlieรen.
(Keine Sorge, wenn du dich hier nicht gut auskennst und auf Probleme stรถรt, รผbernimmt das der NitroPack Support zuverlรคssig und schnell fรผr dich!)
Das brauchst du nur zu tun, wenn du Probleme feststellst und beheben mรถchtest.
Bei dieser Website hier gab es beispielsweise Probleme, dass die Google Fonts nicht mehr korrekt geladen wurden. Darum habe ich die externe URL โfonts.google.comโ von der Optimierung ausgeschlossen, indem ich sie unter โExcluded Resourcesโ hinterlegt habe und alles lief wieder rund.
Wenn du ganze Seiten von der Optimierung ausschlieรen mรถchtest, kannst du deren URLs einfach unter โSettingsโ -> โExcluded URLsโ eingeben.
Dadurch werden sie nicht mehr von NitroPack optimiert und auch nicht in den Cache aufgenommen.
Fazit
Nitropack* ist das groรartigste Tool zur Optimierung der Ladezeit, das mir bisher begegnet ist.
Die Einfachheit in der Einrichtung und das gleichzeitige Ersparen mehrerer Plugins ist in Kombination mit den erreichbaren Ergebnissen und dem tollen Support absolut unschlagbar.
Ich nutze das Tool selber seit vielen Monaten und bin begeistert von meinen nun sehr guten Google Core Web Vitals und der Ladezeit Performance meiner Website.
Bei mir hat sich die Ladezeit um mehr als 80% verkรผrzt, bei anderen Testseiten um bis zu 300%!
Wenn du eine umfangreiche Website oder auch einen WooCommerce Shop hast und mit der Ladezeit unzufrieden bist, ist Nitropack der perfekte Weg fรผr dich.
Insbesondere wenn du dich nicht um viel kรผmmern mรถchtest, sondern eine mรถglichst einfache Einrichtung bevorzugst, kann ich dir das Tool sehr empfehlen!
Trotzdem musst du nach der Einrichtung auf jeden Fall deine Website prรผfen und insbesondere ein Augenmerk auf das Aussehen und wichtige Funktionen werfen. Sollte hier etwas nicht korrekt sein, kannst du es รผber die Nitropack Einstellungen entweder selber korrigieren oder den Support in Anspruch nehmen.
Wenn du bei der Buchung von Nitropack sparen mรถchtest, nutze diesen Link*, in den der Gutschein bereits eingebaut ist.
Du sparst damit 5% auf deine erste Zahlung, wรคhle also am besten die jรคhrliche Zahlung, um aus dem Gutschein mรถglichst viel herauszuholen.