Swift Performance Einrichten und optimieren

Swift Performance einrichten und optimieren

Mรถchtest du mehr zum Thema Swift Performance Einrichten erfahren?

Swift Performance einrichten und optimieren – so gehts! Wer Swift Performance gekauft und installiert hat, steht vor der Aufgabe, das WordPress Caching Plugin mรถglichst effektiv zu konfigurieren. Glรผcklicherweise machen es die Entwickler einem einfach, indem sie bereits vorgefertigte Presets anbieten und viele weitere Komfortfunktionen integriert haben. Unter anderem gibt es eine Hilfestellung bei so gut wie jedem Menรผpunkt, der weiterfรผhrende Details zur entsprechenden Option bereithรคlt.

Dennoch kann hier eine Menge schiefgehen. Damit euch das nicht passiert, habe ich mir die Einstellungen von Swift Performance einmal genauer angesehen. Anhand eigener Erfahrungen und mithilfe meines Blogs habe ich mich auf die Suche nach der besten Konfiguration, um alle verfรผgbaren Funktionen zu testen, begeben. Schlussendlich ist dieser Artikel dabei entstanden.

Hier erfahrt ihr alles, um Swift Performance bestmรถglich einzurichten und euren Blog oder eure Website mit dem Plugin entsprechend zu optimieren. Wir gehen sรคmtliche Einstellungen gemeinsam durch und klรคren, wofรผr die jeweilige Option gedacht ist und ob sie im Einzelfall Sinn ergibt.

Fรผr Swift Performance Lite und Swift Performance Pro.

Die vier Konfigurationsmรถglichkeiten von Swift Performance

Ist das Swift Performance Plugin in WordPress installiert, habt ihr die Wahl zwischen vier verschiedenen Konfigurationsmรถglichkeiten. Entweder ihr wรคhlt die manuelle Konfiguration, bei der ihr sรคmtliche Einstellungen per Hand eingeben kรถnnt, oder ihr nutzt eine automatische Konfigurierung.

Alternativ kรถnnen Einstellungen auch aus anderen Blogs importiert werden, ebenso wie es mรถglich ist, bestimmte Presets zu benutzen. Unter Presets versteht man in diesem Fall Voreinstellungen, die von Swift Performance mitgeliefert werden. Dort kรถnnt ihr wรคhlen zwischen „Maximum Optimization“ oder „Simple Caching„. Dazwischen gibt es noch weitere Voreinstellungen, die typische Bedarfsfelder abdecken.

Wer sich nicht allzu gut auskennt, macht mit den Voreinstellungen sicherlich nicht viel verkehrt, kann dann aber auch keinen groรŸen Einfluss darauf nehmen, wie genau die eigene WordPress Website optimiert wird. Wer also rudimentรคr darรผber Bescheid weiรŸ, was er da installiert, sollte immer manuelle Einstellungen vornehmen. Zumal jede Einstellung auch noch per Hover entsprechend erklรคrt wird. Ihr mรผsst demnach kein Profi sein, um die richtigen Optionen zu wรคhlen.

Sechs Kernbereiche der Performance-Optimierung

Habt ihr euch fรผr die manuellen Einstellungen entschieden, warten sechs unterschiedliche Kernbereiche auf euch, die alle mehrere Optionen beinhalten. Da wรคre General, Media, Optimization, Caching, CDN und Export/Import. Jeder Bereich trifft die entsprechenden Einstellungen.

Um euch ein besseres Verstรคndnis fรผr die Optionen zu geben, werde ich die wichtigsten nun gemeinsam mit euch durchgehen. So wisst ihr ganz genau, welche Einstellungen Sinn ergeben und vorgenommen werden sollten. Los gehts!

Swift Performance: Advanced View aktivieren
Swift Performance: Advanced View aktivieren

Wichtiger Hinweis: Um alle Optionen angezeigt zu bekommen, mรผsst ihr in den Einstellungen des Plugins zunรคchst Advanced View wรคhlen. Klickt ihr nicht darauf, werden euch nur die vereinfachten Einstellungen angezeigt. Fรผr Anfรคnger ist das praktisch, fรผr Profis jedoch problematisch, da diese oft noch gezieltere Optimierungen vornehmen mรถchten und die zusรคtzlichen Optionen daher zwingend benรถtigen. Achtet darauf!

General

Einstellungen General
Einstellungen General

Als Erstes schalten wir mit Hide Footprints die hinzugefรผgten Kommentare aus, die Swift Performance setzen mรถchte. Sie sind รผberflรผssig und im Grunde nur Werbung. Falls mรถglich schalten wir im nรคchsten Punkt die Compute API hinzu, um bestimmte Prozesse weiter zu beschleunigen.

Mit Clear Cache Role kรถnnt ihr nun festlegen, welche Nutzer die Berechtigung fรผr einen Cache Reset haben. Normalerweise sollte dies den Admins vorbehalten sein. Die Admin Notices lassen wir hingegen eingeschaltet, da sie wichtig fรผr die Bedienung sind. Gleiches gilt fรผr die Toolbar. Die letzten drei Punkte Beta Tester, Collect Data und Debug Log lassen wir ausgeschaltet.

Dann drรผcken wir im oberen Bereich Save Changes und gehen weiter zum nรคchsten Punkt.

Tweaks

Swift Performance Tweaks

Unter Tweaks ist es nun mรถglich, eigenen .htaccess Code zu integrieren, der noch vor den Regeln, die Swift Performance selbst integriert, hinzugefรผgt wird. Falls ihr da etwas habt, rein damit. Sonst gehts weiter zum nรคchsten Punkt.

Heartbeat

WordPress Heartbeat Einstellungen
WordPress Heartbeat Einstellungen

Die Heartbeat API von WordPress ist Fluch und Segen zugleich. Sie erkennt ร„nderungen und sorgt fรผr eine Zwischenspeicherung der Beitrรคge, wรคhrend ihr diese schreibt. Ihr wird eine Vielzahl an Funktionen zugeschrieben, die aber alle wenig relevant sind. Am besten ist es, die Heartbeat API komplett zu deaktivieren, da sie im lรคngeren Betrieb viel Ballast auf die CPU legt. Das geht aber nur, wenn ihr auf Auto-Saves etc. im Admin-Bereich von WordPress verzichten kรถnnt. Wenn nicht, limitiert sie zumindest ein wenig.

Mit Toggle All deaktiviert ihr sie vollstรคndig. Alternativ erhรถht ihr die Frequenz auf mehrere Minuten, auch das entlastet den Server und die CPU entsprechend.

Dann wieder Save Changes und auf zum nรคchsten Punkt.

Cronjobs

Hier wรผrde ich alles auf den Standardeinstellungen stehen lassen. Es gibt eigentlich keinen Grund, die WP Cronjobs zu verรคndern.

Google Analytics

Bypass Google Analytics
Bypass Google Analytics

Wer immer noch Google Analytics verwendet, sollte sich das im Bezug auf die DSGVO noch einmal รผberlegen. Ganz sicher solltet ihr aber nicht die normale und langsame Einbindung nutzen, sondern via „Bypass Google Analytics“ eine Ajax-Anfrage kreieren.

Swift Performance blockt mit dieser Option das Standard-Script und integriert eine direkte Anfrage รผber das Google Analytics Messprotokoll. Das ist deutlich performanter als der gewรถhnliche Weg – ihr solltet es nach Mรถglichkeit also nutzen.

Whitelabel

Diese Funktion brauchen nur Firmenkunden von Swift Performance, welche die Erweiterung fรผr Kunden einrichten und alle Details verbergen mรถchten. In meinen Augen eigentlich immer unnรถtig, also weiter zum nรคchsten Punkt.

Media

Einstellungen fรผr die Bilderoptimierung
Einstellungen fรผr die Bilderoptimierung

Hinter dem Media-Bereich versteckt sich der Image Optimizer oder auch Bildoptimierer von Swift Performance. Das mรคchtige Plugin hat diesen nรคmlich ebenfalls direkt integriert. Mit dem Befehl Optimize Images on Upload wird dieser nun aktiviert. Ladet ihr ein Bild hoch, wird es entsprechend komprimiert, was zu kleineren Dateien, somit also auch zu besseren Ladezeiten fรผhrt.

Der nรคchste Punkt Image source kann verbleiben, wie er ist. Unter Image Optimizer wรคhlt ihr nun, ob ihr mit oder ohne Qualitรคtsverlust optimieren mรถchtet. Alternativ wรคhlt ihr darunter selbst eine entsprechende Qualitรคt aus, ganz nach euren Wรผnschen. Testet das ruhig mit einigen Uploads und versucht eine mรถglichst geringe Qualitรคt zu erreichen, um dafรผr noch bessere Ladezeiten zu erzeugen.

Mit Resize Large Images kรถnnt ihr auรŸerdem automatisch alle Uploads auf den Max-Width Wert verkleinern. Das macht fast immer Sinn, es sei denn, ihr benรถtigt extrem groรŸe Bilder und mรถchtet davon auch stets das Original verlinken oder darstellen.

AuรŸerdem empfehle ich euch ein WebP zu generieren. Dies zeigt Swift Performance an, wenn der Dateityp unterstรผtzt wird. Inzwischen unterstรผtzen nahezu alle Browser WebP Bilder, und da diese deutlich kleinere DateigrรถรŸen aufweisen, lohnt es sich, die Option einzuschalten. Bei Serve WebP wรคhlt ihr daher das Picture-Element aus.

Die restlichen Einstellungen verbleiben auf dem Standard, denn auch Lazy Load ist bereits voreingestellt und richtig konfiguriert. Ganz unten findet ihr noch Gravatar Cache, was nur dann Sinn ergibt, wenn ihr entsprechende Avatars in eurem Blog nutzt und anzeigt. Inline Small Images wรผrde ich auch ebenfalls aktivieren, da dies zu deutlich besseren Ladezeiten fรผhren kann.

Save Changes nicht vergessen.

Embeds

Einziger Unterpunkt im Bereich Media ist Embeds. Dieser Punkt ist dafรผr umso wichtiger, weil mit der Option Youtube Smart Embed und Lazy Load Iframes fรผr eine deutlich bessere Performance gesorgt wird, wenn Videos von YouTube integriert werden.

Ersteres lรคdt zunรคchst nur das Bild, also das Thumbnail eines Videos, und Zweiteres sorgt dafรผr, dass auch andere iFrames erst dann geladen werden, wenn sie tatsรคchlich fรผr den Nutzer relevant erscheinen.

Mit dem Aktivieren der Optionen schalten sich weitere Einstellungen frei. Diese kรถnnt ihr allerdings auf den Standardeinstellungen belassen. Es sei denn, ihr mรถchtet hier etwas Feintuning betreiben und alles haargenau auf eure Besucher zuschneiden. Konfiguration ansonsten abspeichern und weiter zum nรคchsten Punkt.

Optimization – Swift Performance einrichten

Swift Performance Optimierungen
Swift Performance Optimierungen

Im Menรผpunkt Optimization warten viele spannende Einstellungsmรถglichkeiten und einige Unterpunkte auf euch. Schauen wir uns zunรคchst die direkt verfรผgbaren Optionen an.

Durch Enable Server Push wird die HTTP/2 Funktion angewandt, bei der ein Browser entsprechende Inhalte noch vor der Anfrage erhรคlt. Meine Empfehlung ist die Aktivierung dieser Option.

Mit Optimize Prebuild Only sorgt ihr auรŸerdem dafรผr, dass die Generierung deutlich schneller vonstatten geht und es keine Verzรถgerungen mehr gibt. Optimierungen werden dann nur am Prebuild vorgenommen. Optimize in Background solltet ihr auch gleich noch aktivieren.

Wenn die MySQL-Datenbank nicht gerade euer Flaschenhals in Sachen Performance ist, kรถnnt ihr zudem die Funktion Prebuild Booster einschalten bzw. einfach eingeschaltet lassen.

Disable Emojis solltet ihr unbedingt aktivieren, weil es schlichtweg unnรถtig ist und Ladezeit kostet.

Falls ihr 508-Fehler habt, aktiviert die Option Limit Simultaneous Threads. Wenn nicht, lasst sie deaktiviert.

Als letztes noch Normalize Static Resources aktivieren. Der Rest bleibt, wie er ist. Die Voreinstellungen sind hier bereits getroffen.

Wie immer das Speichern nicht vergessen!

Scripts

Im Unterpunkt Scripts solltet ihr als Erstes die Option Merge Scripts einschalten, um alle vorhandenen Scripte zusammenzufรผhren. SchlieรŸlich solltet ihr auch gleich noch die daraufhin erscheinende Einstellung Async Execute hinzunehmen.

Ich persรถnlich habe die restlichen Optionen hier auf den Standards belassen. Weiter unten habe ich lediglich Disable jQuery Migrate aktiviert. Die meisten der Einstellungen dienen dazu, bei Problemen bestimmte Ausnahmen zu treffen. Prรผft also, ob alle Scripte weiterhin korrekt funktionieren.

Speichern und weiter gehts.

Styles

CSS Style optimieren
CSS Style optimieren

Im Menรผpunkt Styles wartet im Grunde eine รคhnliche Funktion wie bei Scripts. Zuerst also Merge Styles aktivieren, ebenso wie Generate Critical CSS.

Wenn mรถglich auch noch Compress Critical CSS und Remove Keyframes aktivieren. Print critical CSS inline sollte bereits aktiv sein.

Je nach GrรถรŸe der CSS kann darรผber nachgedacht werden, die Option Print full CSS inline zu aktivieren. Dann muss keine Datei nachgeladen werden, der Code befindet sich inline im Footer. Wenn die CSS zu groรŸ ist, wรคre das fatal. Ist sie hingegen recht schlank, empfehle ich die Aktivierung.

Unter Minify CSS solltet ihr Full einschalten. Wenn es Fehler gibt, zurรผck zu Basic wechseln.

Das war schon alles. Der Rest ist wieder eine Anpassung im Detail fรผr alle, die sich etwas besser mit der Materie auskennen.

CSS Optimierung, Zusammenfassung und Minimierung
CSS Optimierung, Zusammenfassung und Minimierung

Fonts

Hier wรผrde ich fast alles aktivieren. Sowohl Preload Fonts Automatically, als auch Use Local Fonts und Force Swap Font Display. Das sorgt dafรผr, dass Fonts lokal geladen werden kรถnnen und dank Swap-Befehl keine Darstellungsfehler mehr aufweisen.

Speichern und zum letzten Punkt HTML wechseln.

HTML

Wenn mรถglich unbedingt die Funktion Smart Render nutzen. Das verwendet den relativ neuen Befehl content-visibility, um keine Bereiche mehr zu rendern, die aktuell gar nicht angezeigt werden. Diese Option ist sehr mรคchtig, da es die Renderzeit drastisch verringert – beseitige render-blocking Ressourcen.

Fix Invalid HTML und Minify HTML werden ebenfalls aktiviert und erklรคren sich von selbst. Der erste Befehl behebt Fehler im Code, der zweite minimiert selbigen, damit er schneller รผbertragen werden kann.

Caching

Cache รœbersicht
Cache รœbersicht

Jetzt kommen wir zu einem sehr wichtigen Punkt, denn die Cache Engine von Swift Performance hat vorab bereits viel Lob erhalten. Der Cache wird also definitiv aktiviert, stellt er doch den eigentlichen Kern des WordPress Performance Plugins dar. Wenn mรถglich, immer den Caching Mode Disk cache with Rewrites wรคhlen, da er am schnellsten arbeitet.

Der Early Loader bleibt aktiviert, und das Verzeichnis belasst ihr in der Standardeinstellung. Die ยปCache Expiry Timeยซ habe ich auf 1 day gesetzt und den Garbage Collection Interval auf 12 hours. Je geringer die Werte, desto aufwendiger. Je hรถher die Werte, desto weniger aktuell die Inhalte, umso besser aber die Performance.

Swift Performance WordPress Cache
Swift Performance WordPress Cache

Der Rest bleibt, wie er ist. Die Standardeinstellungen sollten fรผr die meisten Blogs bereits ideal getroffen sein.

Tweaks

Da jeder HTTPS verwenden sollte, wรผrde ich dazu raten, die Einstellung ยปAvoid Mixed Contentยซ unbedingt zu aktivieren. Der Rest kann auf den Standardeinstellungen verbleiben.

Ajaxify

Hier darf unter anderem gewรคhlt werden, ob Gutenberg-Blรถcke eine Option fรผr Lazy Load erhalten. Das ist alles nicht unbedingt kompatibel mit sรคmtlichen Themes und Plugins, daher habe ich hier nichts verรคndert. Das solltet ihr ebenfalls nicht, es sei denn, ihr wisst sehr genau, was die einzelnen Punkte bedeuten.

Exceptions

Unter dem Punkt Exceptions ist es mรถglich, bestimmte Ausnahmen fรผr den Cache festzulegen. Beispielsweise, wenn einige Seiten dynamisch bleiben sollen oder bestimmte Funktionen nicht mehr korrekt arbeiten. Der Feed ist hier bereits standardmรครŸig aktiviert. Ansonsten kann jeder selbst entscheiden, ob es Ausnahmen geben soll oder nicht. Wenn ja, darf er diese hier gezielt festlegen und konfigurieren.

Warmup

Cache Warmup bzw. Preloading
Cache Warmup bzw. Preloading

Mit Cache Warmup ist bei Swift Performance gemeint, dass der Cache bereits vorab geladen wird. Aktiviert ihr Prebuild Cache Automatically, wird dieser nach dem leeren also sofort wieder angelegt.

Die Einstellungen wรผrde ich hier so lassen, wie sie sind. Der Warmup kann jedoch die Performance eures WordPress Hostings massiv reduzieren. Je aggressiver dieser vorgeht, desto mehr Ressourcen verschlingt er. Das Ganze ist daher eher eine Option fรผr starke Server als fรผr kleine Webhosting-Pakete.

CDN

CDN fรผr deinen Blog aufschalten
CDN fรผr deinen Blog aufschalten

Wer ein CDN verwendet, trifft hier alle notwendigen Einstellungen. Cloudflare wird dabei von Haus aus unterstรผtzt.

Ich erspare mir hier eine Erlรคuterung. Wer ein CDN einsetzt, sollte genug Fachwissen besitzen, dieses hier entsprechend zu konfigurieren. Wenn nicht, sollte er darรผber nachdenken, ob ein CDN รผberhaupt das Richtige fรผr ihn ist.

Weitere Funktionen des Performance Plugins

Swift Performance Bilder Optimierung
Swift Performance Bilder Optimierung

Swift Performance kann noch deutlich mehr. Im Tab Image Optimizer lassen sich beispielsweise die aktuellen Bilder scannen, um diese dann komplett umzuwandeln. Das ist wichtig, wenn ihr bereits viele Bilder hochgeladen habt und Swift Performance nicht von Anfang an aktiviert war. So kรถnnen auch noch alte Bilder nachtrรคglich optimiert werden.

Im Database Optimizer Tab ist es euch zudem mรถglich, direkt an die Datenbank zu gehen und verwaiste Eintrรคge, Revisions oder Duplikate zu entfernen. AuรŸerdem lassen sich Tabellen vollstรคndig neu indexieren und auch gleich die Datenbank optimieren. Sehr nรผtzlich, um die MySQL-Datenbank mรถglichst performant zu halten. Hier ist aber Vorsicht geboten, da die Datenbank quasi das Herz von WordPress ist. Bitte erstellt immer ein Backup, bevor ihr hier irgendetwas รคndert oder versucht.

Plugin Optimierung

Als Letztes gibt es noch den Plugin Organizer. Das mรคchtige Tool ist fรผr die erweiterte Performance Optimierung von groรŸer Bedeutung. Mit dem Plugin Organizer lassen sich Plugins nรคmlich auf bestimmten Seiten aktivieren oder auch deaktivieren. Erweiterungen, die nur mobil nรถtig sind, werden รผberall sonst auf der Seite daher abgeschaltet, und Erweiterungen, die ausschlieรŸlich der Admin benรถtigt, haben auf der Seite fรผr Nutzer ebenso wenig verloren.

Einstellungs-Service von Swift Performance

Lasse dir Swift Performance vom Hersteller installieren und einrichten
Lass dir Swift Performance vom Hersteller installieren und einrichten

Ihr seid unsicher, was genau bei euch und eurem Hoster funktioniert und was nicht? Mein Guide hat euch zwar geholfen, aber so richtig sicher fรผhlt ihr euch trotzdem noch nicht mit dem, was ihr da gerade innerhalb von WordPress eingestellt habt? Dann ist der Configuration Service von Swift Performance vielleicht ideal fรผr euch.

Der Konfigurierung-Service von Swift Performance ist ein Service der Entwickler, der 150 Dollar kostet und nach dem Login auf deren Website angezeigt wird. Bestellt ihr diesen in eurem Dashboard bei Swift Performance, รผbernehmen die Entwickler persรถnlich die Einrichtung des Plugins bei euch im Blog. Dafรผr garantieren sie euch die bestmรถglichen Einstellungen fรผr eure WordPress Website.

Bei Fragen oder ร„hnlichem stehen sie zudem jederzeit zur Verfรผgung und helfen euch gerne weiter. Ob euch das die 150 Dollar wert ist, mรผsst ihr selbst entscheiden. Du kannst den Service auch gรผnstiger bei mir buchen…

Sicher interessieren dich noch die besten Performance Plugins und kostenlosen Performance Plugins.

Fazit – Swift Performance einrichten

Bestes WordPress Hosting

HostPress ist TรœV Saarland zertifiziert

Hosting-Empfehlungen sind normalerweise Mรผll.

Oft werden extrem billige Hosting-Pakete fรผr โ‚ฌ 3 empfohlen, andere wiederum werben mit einem โ‚ฌ 100 VPS, weil sie als Affiliate dabei am meisten verdienen. Letztlich wollen wir doch alle nur den schnellstmรถglichen Webspace fรผr mรถglichst wenig Geld.

Und zwar fรผr WordPress optimiert und vom TรœV Saarland zertifiziert!

Was ist noch wichtig? Der Server sollte in Deutschland liegen und der Support sollte mรถglichst schnell antworten, und das am besten auf Deutsch.

Das alles bekommst du bei HostPress ab โ‚ฌ 19,00 / Monat.

Meine Erklรคrungen sollten eigentlich bereits ausreichen, und รผberdies konfiguriert sich Swift Performance auf Wunsch auch selbst, weshalb dieser Service nur fรผr die ganz Unsicheren unter euch ist. Die bekommen aber immerhin einen Service angeboten, und auch das finde ich bei derartigen Plugins eigentlich gut.

Das Swift Performance Setup ist relativ einfach, wenn du dich schon vorher mit dem Thema WordPress schnell machen auseinandergesetzt hast. Kommst du komplett ohne Vorwissen, belasse einfach die automatische Konfiguration, oder lass einen Profi ran.

Alternativ kannst du dir immer noch WP Rocket ansehen und den Artikel WordPress Performance lesen.

Offenlegung Werbelinks: Mit einem Stern (*) gekennzeichnete Links und Buttons sind sogenannte Affiliate-Links. BloggerPilot bekommt bei einem Kauf eine Provision, die sich jedoch nicht auf den Endpreis auswirkt. Es ist uns wichtig zu betonen, dass dies keinen Einfluss auf unsere Bewertung oder Meinung hat.

ร„hnliche Beitrรคge

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht verรถffentlicht. Erforderliche Felder sind mit * markiert

 

2 Kommentare

  1. Hallo Jochen,
    vielen Dank fรผr die gute Beschreibung. Ich bin sehr zufrieden mit dem Plugin. Ich habe allerdings nur die kostenlose Version. Dennoch habe ich ein Problem mit dem Gutenbergmenรผ in meinen Beitrรคge auf dem Handy/ Tablet und nur in den Betragsseite und nicht auf der Blogseite.
    Wenn ich das Menรผ im Header und auch in der FuรŸzeile anklicke รถffnet sich das Menรผ nicht. Somit kann dann auf dem Handy oder Tablet auch nicht auf das Impressum oder den Datenschutz zugegriffene werden. Ich arbeite mit dem Divi Theme. Wenn ich swift performance ausschalte funktioniert das ganze wieder.
    Vielleicht hast du ja eine Idee diesbezรผglich.
    Beste GrรผรŸe Sitta

    1. Hallo Sitta,
      ich habe es gerade auf meinem Android Smartphone probiert.
      Sowohl das Menรผ oben, als auch das untern funktionieren bei mir.
      Siehe Screenshot:
      Screenshot am Smartphone

      Jochen