NitroPack Review: Optimierung der WordPress-Site-Geschwindigkeit im einfachen Modus

Wenn Sie eine Website haben, müssen Sie sich um die Optimierung der Websitegeschwindigkeit kümmern.

Die Seitengeschwindigkeit hat einen großen Einfluss auf die Benutzererfahrung Ihrer Website – es gibt alle Arten von Daten, die eine langsame Website-Geschwindigkeit mit höheren Absprungraten, niedrigeren Konversionsraten und allgemein unzufriedenen Benutzern in Verbindung bringen.

Aber ehrlich gesagt, brauchen Sie nicht wirklich Daten, um diesen Punkt zu beweisen, weil Sie wahrscheinlich bereits wissen, wie unglaublich nervig eine langsam ladende Website ist, oder?

Darüber hinaus verwendet Google mit dem neuen Page Experience-Update von Google auch Core Web Vitals-Metriken wie Largest Contentful Paint als Suchmaschinen-Ranking-Faktor, sodass eine langsame Seitengeschwindigkeit auch die Suchmaschinenoptimierung Ihrer Website beeinträchtigen kann.

Also – die Seitengeschwindigkeit ist wichtig … aber sie ist auch kompliziert.

Es gibt Caching, JavaScript-Optimierung, CSS-Optimierung, HTML-Optimierung, Content Delivery Networks (CDN), Bildoptimierung, Prefetching, Komprimierung … Sie wissen schon.

NitroPack ist ein benutzerfreundliches Plugin, mit dem Sie so ziemlich jede einzelne Taktik zur Leistungsoptimierung , die Ihre Website benötigt, in einem Tool implementieren können.

Auf WordPress müssen Sie lediglich das NitroPack-Plugin installieren, auf ein paar Schaltflächen klicken und Ihre Website profitiert sofort von Taktiken wie Caching, einem Content Delivery Network (CDN), CSS/JavaScript-Optimierung und vielem mehr.

In unserem praktischen NitroPack-Test werfen wir einen praktischen Blick auf dieses Tool, einschließlich der folgenden:

• Ein kurzer Überblick über die Funktionen
• Ein NitroPack-Tutorial und einen Blick auf die Benutzeroberfläche
• Gedanken darüber, ob die Verbesserungen von NitroPack „echt“ sind (dies wird später Sinn machen)
• Einige Vorher/Nachher Leistungstests mit NitroPack
• Preisgestaltung
• Abschließende Gedanken

NitroPack Review: Was macht es?

NitroPack ist ein All-in-One-Plugin zur Geschwindigkeitsoptimierung für WordPress (und einige andere Plattformen).

Das ist eines der einzigartigsten Dinge bei NitroPack – es ist wirklich alles in einem .

Das ist überraschend selten. Zum Beispiel ist WP Rocket ein sehr umfassendes Seitengeschwindigkeits-Plugin für sich, aber Sie müssen es immer noch zumindest mit einer Bildoptimierungslösung, einem CDN und einigen anderen Optimierungen koppeln.

Mit NitroPack ist es nicht erforderlich, einen „Stapel“ von Tools zur Leistungsoptimierung aufzubauen. Es tut einfach alles für dich. Hier sind die High-Level-Funktionen, die es abdeckt:

• Caching – einschließlich Smart Page Caching mit Vorabladen und Smart Cache Clearing sowie Browser-Caching.
• CDN – ein integriertes CDN mit über 70 globalen Endpunkten, Gzip/Brotli-Komprimierung und mehr.
• CSS-Optimierung – einschließlich des Umgangs mit kritischem CSS „above the fold“, damit Sie Ihre Anfangsladezeiten beschleunigen können, einschließlich der Metrik „Last Contentful Paint“.
• JavaScript-Optimierung – Sie können Skripte zurückstellen, um die anfänglichen Ladezeiten zu verbessern und ansonsten das gesamte JavaScript Ihrer Website optimieren. NitroPack hat auch eine einzigartige Möglichkeit, Skripte aus dem Haupt-CPU-Thread zu verschieben und Skripte bis zur Benutzerinteraktion zu verzögern – mehr dazu weiter unten.
• Bildoptimierung – es kann Bilder automatisch komprimieren/skalieren und sie in WebP konvertieren. Es gibt auch eine neue Funktion zur adaptiven Größenanpassung, mit der Sie Benutzern basierend auf ihrer Bildschirmgröße dynamisch unterschiedliche Bilder bereitstellen können.
• HTML-Optimierung – einschließlich erweiterter Details wie DNS-Vorverbindung für Schlüsselressourcen.

Dieses Bild fasst die wichtigsten Merkmale ziemlich gut zusammen:

Eine einzigartige Sache bei NitroPack ist sein „proprietärer Ressourcenlader“. Das Konzept/der Nutzen davon ist ziemlich komplex, aber die Grundidee ist, dass NitroPack optimiert, wie Ihre Website geladen wird (insbesondere ihr JavaScript), damit alle separaten Dateien auf optimale Weise für die Benutzererfahrung geladen werden.

Wenn Sie diese Funktion aktivieren, versucht sie grundsätzlich, nur die minimalen Dateien zu laden, die zum Rendern des Inhalts "above the fold" erforderlich sind, und wartet dann mit dem Laden des Rests, bis ein Benutzer beginnt, mit Ihrer Website zu interagieren. Auf diese Weise können Sie die anfängliche Ladezeit Ihrer Website erheblich verkürzen, einschließlich der Metrik Largest Contentful Paint.

All das können Sie hier nachlesen.

So verwenden Sie NitroPack

Neben den umfassenden Funktionen zur Optimierung der Seitengeschwindigkeit von NitroPack ist die einfache Einrichtung ein weiterer seiner größten Vorteile.

Dank mehrerer voreingestellter Optimierungsmodi können Sie buchstäblich in nur wenigen Minuten mit einer vollständig optimierten Website loslegen.

Schauen wir uns an, wie es funktioniert …

1. Fügen Sie Ihre Website hinzu

Zunächst sollten Sie Ihre Website über das NitroPack-Dashboard hinzufügen:

Anschließend können Sie Ihr NitroPack-Konto mithilfe eines Connector-Tools mit Ihrer Website verbinden. Für WordPress bedeutet das das spezielle NitroPack-Plugin auf WordPress.org:

2. Wählen Sie Ihren Optimierungsmodus

Jetzt können Sie Ihren Optimierungsmodus auswählen. Dies ist einer meiner Lieblingsteile von NitroPack, weil es NitroPack so einfach macht.

Anstatt an einer Reihe separater Einstellungen zu basteln, wie Sie es in den meisten Plugins tun müssten, können Sie mit NitroPack einfach eine voreingestellte Konfiguration auswählen, die Ihren Anforderungen entspricht. Fortgeschrittene Benutzer können jedoch immer noch basteln .

Sie können dies aus Ihrem WordPress-Dashboard oder dem NitroPack-Dashboard auswählen.

Es gibt fünf verschiedene Modi, aber ich denke, die meisten Leute werden Strong wählen wollen, da es eine gute Balance zwischen Leistungsverbesserungen bietet und gleichzeitig die Funktionsfähigkeit Ihrer Website aufrechterhält.

Viele Leute mögen auch den Ludicrous -Modus, da er Ihre PageSpeed-Ergebnisse und Core Web Vitals am meisten verbessert. Ich empfehle jedoch, mit diesem Modus vorsichtig umzugehen, da die Art und Weise, wie JavaScript verzögert wird, bestimmte Funktionen auf Ihrer Website beeinträchtigen kann.

Wenn Ihr mobiles Menü beispielsweise auf JavaScript angewiesen ist, kann der Ludicrous-Modus dort ein seltsames Verhalten verursachen. Wenn Sie andererseits CSS-basierte Menüs haben, ist das möglicherweise kein Problem.

Also – zögere nicht, mit dem Ludicrous-Modus herumzuspielen, um zu beginnen, aber sei bereit, auf den Strong-Modus zurückzuskalieren, wenn du irgendwelche Probleme hast:

3. …Gewinn

Für viele Benutzer ist dies buchstäblich der Fall. Sobald Sie Ihren Konfigurationsmodus ausgewählt haben, können Sie aufhören, über die Leistung nachzudenken, denn NitroPack kümmert sich um den Rest.

4. …oder basteln (für Fortgeschrittene)

Für fortgeschrittene Benutzer bietet NitroPack auch viele Optionen zum Basteln. Sie können bestimmte Seiten, Skripte, Cookies, Ressourcen, Abfrageparameter usw. ausschließen.

Sie erhalten auch einige nette Optionen, wie z. B. die Möglichkeit, Anzeigenskripte zu optimieren, den Cache per Webhook zu löschen ( kombinieren Sie dies zum Spaß mit WP-Webhooks ) und einige andere erweiterte Aktionen auszuführen:

Wenn Sie ein gelegentlicher Benutzer sind, können Sie all diese Dinge ignorieren. Aber wenn Sie ein fortgeschrittener Benutzer sind, werden Sie diese Einstellungen wahrscheinlich zu schätzen wissen.

Diese Einstellungen können Ihnen auch dabei helfen, den Ludicrous-Modus ohne Probleme zu verwenden, da Sie bestimmte Skripte ausschließen können, die Sie nicht laden möchten.

NitroPack und „Blackhat SEO“ – gibt es das wirklich?

Wenn Sie nach anderen NitroPack-Rezensionen gesucht haben, ist Ihnen vielleicht der Vorwurf aufgefallen, dass NitroPack ein „Blackhat-SEO“-Tool ist, das Google vorgaukelt, dass Ihre Website schnell geladen wird, obwohl dies in Wirklichkeit nicht der Fall ist.

Also – was ist hier los?

Nun, die Antwort wird ziemlich technisch, aber ich denke, es ist ziemlich klar, dass NitroPack nichts Schlechtes tut.

Das Hauptproblem scheint hier der Unterschied zwischen Labor-Geschwindigkeitstestdaten und echten „Feld“-Geschwindigkeitstestdaten zu sein:

• Labordaten (synthetisch) – simulierte Leistungsdaten, die von einem Geschwindigkeitstest-Tool erfasst wurden.
• Felddaten – die echten Leistungsdaten Ihrer Website, wie sie von echten menschlichen Besuchern erlebt werden. In der Regel erfassen Sie diese über den Chrome User Experience Report, der in PageSpeed ​​Insights verfügbar ist, wenn Ihre Website genügend Traffic hat.

Felddaten sind das, was wirklich wichtig für die Leistung in der realen Welt ist (und für die Aktualisierung des SEO-Algorithmus von Google Page Experience), aber die meisten Leute konzentrieren sich stattdessen zu sehr auf Labordaten und „Ergebnisse“, weil sie viel einfacher zu sammeln sind.

Die Art und Weise, wie der proprietäre Ressourcenlader von NitroPack im Ludicrous-Modus arbeitet, indem er bestimmte Prozesse aus dem Haupt-Thread verschiebt und die Ausführung von JavaScript verzögert, bedeutet, dass Ihre Website in einigen Labor-Geschwindigkeitstest-Tools „unnormal“ gut aussieht ( weil viele Tools nicht in der Lage sind, die Off-Thread-Prozesse ).

Und ich verstehe irgendwie, was die Leute hier sagen – eine Seite, die NitroPack und den Ludicrous-Modus verwendet, wird in bestimmten Geschwindigkeitstest-Tools „verdächtig“ gut aussehen.

Das eigentliche Problem hier ist jedoch, ob Sie glauben, dass NitroPack dies böswillig tut, um Google zu „betrügen“, oder ob es nur ein natürliches Nebenprodukt der Art und Weise ist, wie ihr Ressourcenlader funktioniert und Ihre Website optimiert.

Ich persönlich denke, es ist ziemlich klar, dass NitroPack das einzig Wahre ist, und das liegt eher an der Funktionsweise einiger Geschwindigkeitstest-Tools als daran, dass NitroPack versucht, das System zu spielen.

Hier ist der Grund:

Zunächst einmal versucht NitroPack hier nichts zu verbergen, da sie selbst NitroPack-Benutzern empfehlen, sich die tatsächlichen Benutzerleistungsdaten anzusehen, anstatt sich nur auf Labordaten zu verlassen.

Darüber hinaus arbeitet NitroPack daran, echte Felddaten in den Mittelpunkt des NitroPack-Dashboards zu stellen. Wenn Sie sich die realen Felddaten ansehen, werden Sie feststellen, dass NitroPack sowohl bei den Labordaten als auch bei den realen Felddaten große Verbesserungen vornimmt.

Sie können die realen Daten nicht täuschen. Wenn NitroPack also wirklich versuchen würde, die Leute schnell zu überzeugen, wäre es nicht schlau von ihnen, ihre Benutzer zu ermutigen, sich auf reale Daten statt auf Labordaten zu konzentrieren.

Der letzte Vorwurf ist, dass NitroPack eine Art Black-Hat-SEO betreibt, die Google schließlich bestrafen wird.

Ehrlich gesagt ergibt das für mich keinen Sinn.

Zunächst einmal ist die Seitengeschwindigkeit immer noch ein kleiner Ranking-Faktor, also ist es nicht so, als würde man Google glauben machen, dass man eine schnelle Seite hat, die einem die Rankings nach oben schießt. Google hat gesagt, dass die Website-Geschwindigkeit eher ein „Tiebreaker“ zwischen gleich relevanten Websites ist, als etwas, das Ihre Rankings von selbst verbessert.

Das heißt, es ist nicht so, dass sich etwas ändern würde, wenn Ihre Website von zwei Sekunden auf eine Sekunde springt – zwei Sekunden sind bereits schnell genug, um den Tiebreak von Google zu gewinnen.

Darüber hinaus denke ich, dass die SEO-Vorwürfe einfach keinen Sinn ergeben, da viele beliebte Websites NitroPack verwenden und immer noch gut ranken.

Tatsächlich verwenden wir NitroPack hier bei WP Mayor! Wir würden das nicht tun, wenn wir der Meinung wären, dass es negative Auswirkungen auf SEO gibt.

Wenn Sie dies überprüfen möchten, können Sie sich die Kopfzeilen für WP Mayor ansehen und sehen, dass wir tatsächlich NitroPack verwenden:

Wenn Sie sich wirklich Sorgen machen, können Sie schließlich das URL-Inspektionstool in der Google Search Console verwenden, um zu sehen, wie Ihre Website mit NitroPack aussieht, wenn Google sie durchsucht. Wenn Sie das tun, werden Sie sehen, dass Google den gesamten Inhalt Ihrer Seite genau so erkennt, wie es ohne NitroPack der Fall wäre.

Das heißt, laut Googles eigenem Crawl-Tool gibt es für Google keinen Unterschied im Inhalt Ihrer Website.

NitroPack-Leistung vorher/nachher

Nach dieser langwierigen Diskussion möchte ich mir einige Leistungsdaten von WP Mayor ansehen.

Ungeachtet dessen, was ich oben gesagt habe, dass Felddaten wichtiger sind als Labordaten, werde ich hier ein synthetisches Geschwindigkeitstest-Tool verwenden, weil es für mich schwierig ist, Vorher/Nachher-Daten mit echten Benutzerladezeiten zu sammeln.

Ich werde jedoch WebPageTest verwenden, das bei der Erfassung der Geschwindigkeit der gesamten Seite überdurchschnittlich gut ist, da es sowohl vollständig geladene als auch vollständig dokumentierte Metriken anzeigt.

Die vollständig geladene Metrik erfasst einen Großteil des JavaScripts, das NitroPack beim anfänglichen Laden aufschiebt/verzögert.

Da wir in einer Mobile-First-Welt leben, habe ich WebPageTest mit einem Mobile-First-Ansatz konfiguriert:

• Test von einem emulierten iPhone 8
• Verwenden Sie eine gedrosselte LTE-Verbindung
• Führen Sie neun separate Tests durch und nehmen Sie den Medianwert

Hier die Daten für die WP Mayor Homepage mit und ohne NitroPack:

*Dies ist ein guter Proxy für die erste Eingabeverzögerung, die nur aus Felddaten verfügbar ist .

**Sie können sehen, dass die HTTP-Anforderungen zunächst sehr niedrig sind, da NitroPack viele dieser Skripte verzögert.

Insgesamt können Sie mit NitroPack eine ziemlich massive Verbesserung auf ganzer Linie sehen, insbesondere wenn es um Largest Contentful Paint und die Document Complete-Metriken geht.

Denken Sie daran, dass Sie diese Verbesserungen mit nur wenigen Klicks erreichen können. Auch hier denke ich, was NitroPack einzigartig macht, ist die Kombination aus Leistungsverbesserungen und Einfachheit.

Wenn Sie an PageSpeed ​​Insights-Ergebnissen interessiert sind ( ich persönlich nicht ), habe ich diese auch für die WP Mayor-Homepage mit und ohne NitroPack gesammelt:

Auch dort sieht man enorme Verbesserungen, insbesondere beim Mobile Score.

NitroPack-Preise

Nachdem wir nun alles andere behandelt haben, lassen Sie uns über die NitroPack-Preisgestaltung sprechen.

Zunächst einmal hat NitroPack einen kostenlosen Plan, der bis zu 5.000 Besucher pro Monat und 1 GB CDN-Bandbreite mit allen Funktionen unterstützt. Wenn Sie eine Website mit wenig Verkehr haben, könnte dieser kostenlose Plan zumindest am Anfang gut für Sie funktionieren.

Der Nachteil des kostenlosen Plans ist jedoch, dass er ein NitroPack-Abzeichen in der Fußzeile Ihrer Website enthält. Es ist nicht sehr aufdringlich, aber es ist etwas zu beachten.

Wenn Sie die kostenlosen Limits überschreiten oder einfach nur das NitroPack-Abzeichen entfernen möchten, müssen Sie für einen Plan bezahlen. Die kostenpflichtigen Pläne von NitroPack ermöglichen sowohl eine monatliche als auch eine jährliche Abrechnung. Wenn Sie jährlich zahlen, erhalten Sie zwei Monate kostenlos.

Alle Pläne haben die gleichen Funktionen – die einzigen Unterschiede sind die Begrenzungen der Seitenaufrufe und die CDN-Bandbreite. Darüber hinaus unterstützt jeder Plan nur eine einzige Site. Wenn Sie viele Standorte haben, können Sie sich an das Vertriebsteam von NitroPack wenden, um mehr über benutzerdefinierte Agentur- und Planoptionen für mehrere Standorte zu erfahren, mit denen Sie etwas Geld sparen können.

Wenn Ihre Website mehr als eine Million Seitenaufrufe hat oder mehr als 500 GB CDN-Bandbreite verbraucht, können Sie sich auch an den Vertrieb von NitroPack wenden, um einen benutzerdefinierten Plan zu erhalten.

Darüber hinaus sind alle Pläne mit einer 14-tägigen Geld-zurück-Garantie ausgestattet, sodass Sie nichts riskieren.

Abschließende Gedanken zu NitroPack

Insgesamt denke ich, dass die Verwendung von NitroPack zur Beschleunigung Ihrer Website einige eindeutige Vor- und Nachteile hat.

Die Hauptvorteile von NitroPack sind, dass es so einfach und so umfassend ist . Es ist ein Tool, das so ziemlich jede Taktik zur Leistungsoptimierung implementiert, einschließlich einzigartiger Ansätze wie die Art und Weise, wie es JavaScript verzögert und es aus dem Haupt-CPU-Thread entfernt. Ich glaube nicht, dass Sie einen einfacheren Weg finden werden, um von Null zu einer vollständig optimierten Website zu gelangen.

Für viele Menschen, insbesondere für nicht technisch versierte Menschen, ist das ein wirklich starkes Wertversprechen.

Der Hauptnachteil von NitroPack ist, dass es teuer ist, zumindest für den WordPress-Bereich. Wenn Sie ein begrenztes Budget haben, können Sie billigere Site-Speed-Plugins finden, um Ihre Website zu optimieren (wie WP Rocket), oder Sie könnten sogar einen ziemlich guten Optimierungs-Stack mit völlig kostenlosen WordPress-Plugins aufbauen.

Am Ende läuft es irgendwie darauf hinaus…

Die Geschwindigkeit der Website ist unglaublich wichtig, also können Sie sie nicht einfach ignorieren.

Wenn es darum geht, was Sie in Bezug auf die Website-Geschwindigkeit tun, müssen Sie diese Frage beantworten:

Sind Sie bereit, eine kleine Prämie für eine Ein-Klick-Lösung zu zahlen, um die Geschwindigkeitsprobleme Ihrer Website zu lösen?

Wenn Sie nicht sehr technisch versiert sind oder sich lieber auf die Erstellung von Inhalten und die Vermarktung Ihrer Website statt auf die Leistungsoptimierung konzentrieren möchten, passen Sie meiner Meinung nach in die Kategorie „Ja“.

Möchtest du deine Kosten hingegen so gering wie möglich halten, gehörst du vielleicht in die „Nein“-Kategorie, in diesem Fall bevorzugst du vielleicht ein günstigeres oder kostenloses WordPress Page Speed ​​Plugin.

Sind diese Plugins so einfach wie NitroPack? Nicht wirklich. Aber wenn Sie bereit sind, die Arbeit zu investieren, können Sie immer noch eine schnell ladende Website mit kostenlosen oder billigeren Tools erstellen.

Wenn Sie auf dem Zaun sind, empfehle ich, sich einfach bei NitroPack anzumelden und einige Tests durchzuführen. Der Einrichtungsprozess dauert nur wenige Minuten, sodass Sie nicht viel Zeit investieren müssen.

Darüber hinaus gibt es eine 14-tägige Geld-zurück-Garantie, sodass Sie auch kein Geld riskieren ( oder Sie können einfach den kostenlosen Plan ausprobieren, wenn Sie mit dem NitroPack-Abzeichen einverstanden sind ).