Erste Schritte mit SiteSkyline Optimizer

Willkommen beim SiteSkyline Optimizer! Diese Anleitung hilft Ihnen bei der Installation des Plugins, der Konfiguration Ihrer Anfangseinstellungen und der Beschleunigung Ihrer WordPress- oder WooCommerce-Site in nur wenigen Minuten.

Bevor Sie beginnen

Stellen Sie vor der Installation von SiteSkyline Optimizer bitte sicher, dass Ihre Website die folgenden Anforderungen erfüllt:

• Eine selbst gehostete WordPress-Website.
• Kompatibles Hosting mit einer unterstützten PHP-Version.

Installation

Befolgen Sie diese einfachen Schritte, um das Plugin auf Ihrer Website zu installieren:

1. Melden Sie sich bei Ihrem WordPress-Dashboard an.
2. Navigieren Sie zum Plugins-Menü und klicken Sie auf Neu hinzufügen.
3. Suchen nach SiteSkyline-Optimierer.
4. Klicken Jetzt installieren und dann klicken Aktivieren sobald die Installation abgeschlossen ist.

Erstmalige Einrichtung

Nach der Aktivierung können Sie über das neu hinzugefügte Einstellungsmenü auf alle Funktionen zugreifen.

1. Gehen Sie in Ihrem WordPress-Dashboard zum Menü „Einstellungen“ und suchen Sie nach den Plugin-Optionen.
2. Beginnen Sie in der Allgemein Klicken Sie auf die Registerkarte, um Ihre Kerngeschwindigkeitsoptimierungen zu konfigurieren.
3. Sehen Sie sich die verfügbaren Funktionsschalter an, um unnötiges Aufblähen der Website zu vermeiden, die Kopfausgabe zu bereinigen und zusätzliche Funktionen zu kürzen.
4. Klicken Änderungen speichern unten auf der Seite, um Ihre neuen Einstellungen zu übernehmen.

Ihre ersten Schritte

Nachdem Ihr Plugin nun aktiv ist, können Sie diese beiden Hauptfunktionen ausprobieren, um eine sofortige Leistungssteigerung zu erzielen:

1. Beschleunigen Sie die Seitenbereitstellung

1. Navigieren Sie zum Menü „Einstellungen“ und wählen Sie „ Seitencache Tab.
2. Schalten Sie die um Aktivieren Sie den Seitencache Schalter, um das Caching statischer HTML-Seiten zu aktivieren.
3. Konfigurieren Sie Ihre Ablaufeinstellungen und Ausschlussregeln und klicken Sie dann auf Änderungen speichern.

2. Optimieren Sie Ihre Bilder

1. Navigieren Sie zum Menü „Einstellungen“ und wählen Sie „ WebP Tab.
2. Umschalten Aktivieren Sie die WebP-Konvertierung um damit zu beginnen, umfangreiche Bild-Uploads in leichtere, schnellere Formate umzuwandeln.
3. Wählen Sie Ihre bevorzugte Konvertierungsmethode und klicken Sie Massenkonvertierung um Ihre bestehende Bildbibliothek zu optimieren.

Dashboard optimieren

Was es tut

Das Optimize-Dashboard bietet Ihnen einen schnellen Überblick über den Leistungsstatus und den Cache-Status Ihrer Website. Es bietet außerdem schnelle Optimierungsauslöser, sodass Sie dafür sorgen können, dass Ihre Website reibungslos läuft.

So verwenden Sie es

1. Gehen Sie zum Abschnitt „Optimieren“ und wählen Sie die Registerkarte „Optimieren“.
2. Sehen Sie sich den aktuellen Leistungsstatus Ihrer Website an.
3. Klicken Sie auf eine der schnellen Optimierungsaktionen, um Ihre Website zu verbessern.

Settings & Options

Tips & Best Practices

• Überprüfen Sie regelmäßig das Optimize-Dashboard, um über den aktuellen Leistungszustand Ihrer Website informiert zu bleiben.
• Verwenden Sie die schnellen Optimierungsauslöser immer dann, wenn Sie schnelle Leistungsoptimierungen durchführen möchten.
• Kombinieren Sie Ihre Dashboard-Überprüfungen mit den Cache-Verwaltungs- und Asset-Manager-Funktionen für eine vollständige Website-Geschwindigkeitsroutine.

Asset-Analysator

Was es tut

Der Asset Analyzer hilft Ihnen, die auf Ihrer Website geladenen Skripte und Stile zu untersuchen. Durch die Überprüfung dieser Seitenressourcen können Sie leicht neue Optimierungsmöglichkeiten für Ihre Website identifizieren.

So verwenden Sie es

1. Gehen Sie zum Abschnitt Asset Manager.
2. Wählen Sie die Registerkarte „Analysator“.
3. Führen Sie die Asset-Analyse durch.
4. Sehen Sie sich die geladenen CSS- und JavaScript-Dateien für jede Seite an.

Settings & Options

Tips & Best Practices

• Führen Sie regelmäßig Scans durch, um den Überblick über neue Skripte und Stile zu behalten, die Ihren Seiten hinzugefügt wurden.
• Nutzen Sie die Erkenntnisse aus der Analyse, um Optimierungsmöglichkeiten zu erkennen.
• Überprüfen Sie Ihre geladenen CSS- und JavaScript-Dateien pro Seite, um die Leistung Ihrer Website besser zu verstehen.

Vermögensregeln

Was es tut

Konfigurieren Sie bedingte Laderegeln für Skripte und Stile, um Assets auf bestimmten Seiten oder global aus der Warteschlange zu entfernen oder zu deaktivieren. Dies hilft Ihnen, unerwünschte Skripte und Stile von bestimmten Seiten zu entfernen, um die Seitengröße zu reduzieren.

So verwenden Sie es

1. Gehen Sie zum Abschnitt „Asset Manager“ und öffnen Sie die Registerkarte „Regeln“.
2. Fügen Sie eine neue Asset-Regel hinzu.
3. Wählen Sie die Griffe aus, die Sie deaktivieren möchten.
4. Speichern Sie Ihre Asset-Regeln.

Settings & Options

Tips & Best Practices

• Verwenden Sie bedingte Laderegeln, um unerwünschte Skripte und Stile von bestimmten Seiten zu entfernen.
• Richten Sie Assets so aus, dass sie entweder global oder für bestimmte URLs und Beitragstypen deaktiviert werden, um die Seitengröße zu reduzieren.
• Sorgen Sie dafür, dass Ihre Seiten effizient laufen, indem Sie unnötigen Code dort entfernen, wo er nicht benötigt wird.

Media & Image Optimizer

Was es tut

The Media & Image Optimizer helps you control image loading behavior, responsive image attributes, and lazy loading priorities. Use this feature to adjust your image rendering and loading settings to improve your page performance.

So verwenden Sie es

1. Gehen Sie zum Abschnitt „Medien“ und klicken Sie auf die Registerkarte „Bilder“.
2. Schalten Sie Ihre Lazy-Loading-Einstellungen um und konfigurieren Sie Ihre Bildoptimierungsparameter.
3. Klicken Sie auf die Schaltfläche „Speichern“, um Ihre Medieneinstellungen zu speichern.

Settings & Options

Tips & Best Practices

• Passen Sie Ihre Bildwiedergabe- und Ladeeinstellungen an, um Ihr Largest Contentful Paint (LCP) zu verbessern.
• Mit der Einstellung „Lazy Loading“ können Sie zwischen nativem oder skriptbasiertem Lazy Loading für Ihre Bilder wählen.
• Konfigurieren Sie die Abrufpriorität und das Vorladen speziell für Ihre „above thefold“-Bilder.

WebP-Bildkonvertierung

Was es tut

Konvertieren Sie hochgeladene JPEG- und PNG-Bilder für eine schnellere Bildbereitstellung in das moderne WebP-Format. Dies trägt dazu bei, dass Ihre Website schneller lädt und Ihren Besuchern ein reibungsloseres Erlebnis bietet.

So verwenden Sie es

1. Gehen Sie zum Abschnitt „Medien“ und wählen Sie die Registerkarte „WebP“.
2. Aktivieren Sie die automatische Konvertierung, damit neue Uploads automatisch verarbeitet werden, oder wählen Sie Ihren bevorzugten WebP-Generierungsmodus.
3. Führen Sie eine Massenkonvertierung durch, um Ihre vorhandene Bildbibliothek zu aktualisieren.
4. Klicken Sie auf die Schaltfläche „Speichern“, um Ihre WebP-Einstellungen beizubehalten.

Settings & Options

Tips & Best Practices

• Aktivieren Sie die automatische Konvertierung, um Zeit zu sparen, damit Sie nicht jedes neue Bild, das Sie hochladen, manuell konvertieren müssen.
• Führen Sie das Massenkonvertierungstool aus, um Ihre gesamte vorhandene Bildbibliothek schnell und auf einmal zu aktualisieren.
• Experimentieren Sie mit den verfügbaren Generierungsmodi, um die Option zu finden, die am besten zu Ihrer Serverumgebung passt.
• Kombinieren Sie diese Funktion mit dem Medienoptimierer, um sicherzustellen, dass Ihre Bilder so schnell und effizient wie möglich sind.

Kritische CSS-Generierung

Was es tut

Durch die Generierung von kritischem CSS können Ihre Seiten sofort geladen werden, indem kritisches „above-the-fold“-CSS generiert und inliniert wird. Durch diesen Prozess werden Rendering-blockierende Stylesheets eliminiert, sodass Besucher Ihre Inhalte sofort ansehen können, ohne auf den Download vollständiger Stylesheets warten zu müssen.

So verwenden Sie es

1. Gehen Sie zum Abschnitt „Stil“ und wählen Sie die Registerkarte „Kritisches CSS“ aus.
2. Wählen Sie Ihren bevorzugten Generierungsmodus und konfigurieren Sie, ob das kritische CSS direkt in Ihre Seiten eingefügt werden soll.
3. Bearbeiten Sie bei Bedarf alle kritischen Fallback-CSS-Regeln.
4. Klicken Sie auf die Schaltfläche „Stileinstellungen speichern“, um Ihre Änderungen zu übernehmen.
5. Klicken Sie auf die Schaltfläche „Kritisches CSS generieren“, um Ihre kritischen „Above-the-Fold“-Stile zu erstellen.

Settings & Options

Tips & Best Practices

• Richten Sie Ihre wichtigen CSS-Regeln sorgfältig ein, damit Seiten ohne Verzögerung für Besucher sofort gerendert werden.
• Nutzen Sie den Generierungsmodus, um je nach Ihren Vorlagenanforderungen zwischen automatisierter Erstellung und manueller Eingabe zu wechseln.
• Denken Sie daran, Ihre Stileinstellungen zu speichern, nachdem Sie Änderungen an Ihren Regeln oder Präferenzen vorgenommen haben.

Lokaler Google Fonts-Host

Was es tut

Laden Sie Google Fonts lokal herunter und stellen Sie sie von Ihrem eigenen Server bereit, um den Datenschutz und die Geschwindigkeit zu verbessern. Diese Funktion macht externe DNS-Suchen zu Google Fonts überflüssig.

So verwenden Sie es

1. Gehen Sie zum Abschnitt „Stil“ und öffnen Sie die Registerkarte „Schriftarten“.
2. Schalten Sie das lokale Hosting von Google-Schriftarten ein oder aus.
3. Leeren Sie bei Bedarf Ihren Schriftarten-Cache.
4. Klicken Sie hier, um Ihre Schriftarteinstellungen zu speichern.

Settings & Options

Tips & Best Practices

• Aktivieren Sie lokales Font-Hosting, um sowohl den Datenschutz als auch die Ladegeschwindigkeit Ihrer Website zu verbessern.
• Nutzen Sie die Selbsthosting-Option, um Google Font-Anfragen automatisch abzufangen und die Dateien auf Ihren eigenen Server herunterzuladen.
• Aktivieren Sie das Vorladen von Schriftarten, um hilfreiche Link-Header für Ihre lokal gehosteten Schriftartdateien hinzuzufügen.
• Denken Sie daran, Ihren Schriftarten-Cache zu leeren, nachdem Sie Ihre Schriftarteneinstellungen aktualisiert haben.

JavaScript Defer & Optimization

Was es tut

Verschieben Sie die Ausführung von JavaScript, kombinieren oder verzögern Sie Skripte und entfernen Sie jQuery Migrate. Dadurch wird verhindert, dass JavaScript das Rendern von Seiten blockiert, und die Leistung Ihrer Website wird verbessert.

So verwenden Sie es

1. Gehe zum JavaScript-Bereich und öffnen Sie die JS-Registerkarte.
2. Schalten Sie Ihre bevorzugten JavaScript-Aufschuboptionen um.
3. Schließen Sie bei Bedarf alle spezifischen Skripthandles von der Verzögerung aus.
4. Speichern Sie Ihre JavaScript-Einstellungen.

Settings & Options

Tips & Best Practices

• Verwenden Sie die Skriptverzögerung, um zu verhindern, dass JavaScript das reibungslose Laden Ihres Seiteninhalts blockiert.
• Nutzen Sie Ausschlüsse, indem Sie bestimmte Skript-Handles aus dem Verzögerungsprozess heraushalten, wenn ein Skript eine sofortige Ausführung erfordert.
• Kombinieren Sie diese Funktion mit Asset-Regeln, um noch mehr Kontrolle darüber zu erhalten, wie Ihre Site-Skripte geladen werden.

Cache Management & Page Cache

Was es tut

Konfigurieren Sie Seiten-Caching, Cache-Vorladen, Cache-Ablaufregeln und Ausschlussmuster. Mit dieser Funktion können Sie Besuchern sofort statische HTML-Snapshots bereitstellen.

So verwenden Sie es

1. Gehen Sie zum Abschnitt „Cache“ und wählen Sie die Registerkarte „Cache“.
2. Schalten Sie Ihre Seiten-Cache-Einstellungen um, um Festplatten- oder erweitertes Seiten-Caching zu aktivieren.
3. Legen Sie die Ablaufdauer Ihres Caches fest und definieren Sie bei Bedarf Ausschlussmuster.
4. Verwenden Sie die verfügbaren Aktionen, um den Cache vorab zu laden oder den Cache zu leeren, wann immer Sie Ihre Inhalte aktualisieren müssen.

Settings & Options

Tips & Best Practices

• Aktivieren Sie das Seiten-Caching, um sicherzustellen, dass Ihre Besucher sofort statische HTML-Snapshots erhalten, um ein schnelleres Surferlebnis zu ermöglichen.
• Leeren Sie Ihren Cache regelmäßig, nachdem Sie umfangreiche Aktualisierungen an Ihrer Website vorgenommen haben, damit Besucher Ihre neuesten Änderungen sofort sehen können.
• Nutzen Sie das Cache-Vorladen, um proaktiv zwischengespeicherte Seiten zu generieren, bevor Besucher sie anfordern.
• Richten Sie ausgeschlossene URLs und Cookies für dynamische Seiten oder Bereiche Ihrer Website ein, die niemals über einen zwischengespeicherten Snapshot bereitgestellt werden sollen.

Browser-Caching-Regeln

Was es tut

Mit Browser-Caching-Regeln können Sie Ablaufheader wie Expires und Cache-Control für Ihre statischen Assets konfigurieren. Dies trägt dazu bei, dass wiederkehrende Besucher Ihre Website schneller laden, indem sie statische Dateien direkt aus ihrem lokalen Browser-Cache abrufen.

So verwenden Sie es

1. Gehe zum Cache Abschnitt und klicken Sie auf Browser-Cache Tab.
2. Konfigurieren Sie die Cache-Header und Ablaufregeln Ihres Browsers für Ihre statischen Assets.
3. Klicken Sie auf die Schaltfläche, um Ihre Browser-Cache-Regeln zu generieren und zu aktualisieren.
4. Speichern Sie die Caching-Einstellungen Ihres Browsers, um die Änderungen zu übernehmen.

Settings & Options

Tips & Best Practices

• Aktivieren Sie Browser-Caching-Regeln, um wiederkehrenden Besuchern dabei zu helfen, statische Assets schneller aus ihrem lokalen Browser-Cache zu laden.
• Verwenden Sie diese Regeln, um Ablaufheader wie Expires und Cache-Control für Ihre Dateien ordnungsgemäß zu konfigurieren.
• Speichern und aktualisieren Sie regelmäßig Ihre Browser-Caching-Einstellungen, wenn Sie Ihre Caching-Regeln anpassen.

OPcache-Verwaltung

Was es tut

Überwachen und verwalten Sie den PHP OPcache-Status und das Zurücksetzen des Caches. Sehen Sie sich Leistungskennzahlen an und sorgen Sie dafür, dass Ihre Website reibungslos läuft.

So verwenden Sie es

1. Gehen Sie zum Abschnitt „Cache“ und wählen Sie die Registerkarte „OPcache“.
2. Überprüfen Sie Ihren aktuellen Speicherverbrauch, Ihre Trefferquote und die Anzahl der zwischengespeicherten Skripte.
3. Klicken Sie auf die Schaltfläche, um Ihre Statusstatistiken zu aktualisieren, wann immer Sie aktualisierte Informationen benötigen.
4. Klicken Sie auf die Schaltfläche, um Ihren OPcache bei Bedarf zurückzusetzen.

Settings & Options

Tips & Best Practices

• Überprüfen Sie regelmäßig Ihre Cache-Leistungsmetriken, um sicherzustellen, dass Ihre Website effizient läuft.
• Aktualisieren Sie Ihre Statusstatistiken, um die aktuellsten Leistungsinformationen anzuzeigen.
• Setzen Sie Ihren OPcache zurück, wann immer Sie gespeicherte Skripte löschen und Updates anwenden müssen.

WordPress Core Feature Manager

Was es tut

Der WordPress Core Feature Manager hilft Ihnen, unerwünschte WordPress-Kernfunktionen, Aufblähungen und Telemetrie zu deaktivieren. Es ermöglicht Ihnen, den Kopf Ihrer Website zu bereinigen und die Angriffsfläche Ihrer Website zu verringern, indem Sie unnötige integrierte Funktionen deaktivieren.

So verwenden Sie es

1. Navigieren Sie zum Abschnitt „Feature Manager“ und wählen Sie die Registerkarte „WordPress“ aus.
2. Schalten Sie die Kernfunktionsschalter für die Elemente um, die Sie deaktivieren möchten.
3. Speichern Sie Ihre WordPress-Kerneinstellungen, um die Änderungen zu übernehmen.

Settings & Options

Tips & Best Practices

• Überprüfen Sie die Anforderungen Ihrer Website, bevor Sie Funktionen deaktivieren, um sicherzustellen, dass Sie die Funktionen, auf die Ihre Besucher oder Integrationen angewiesen sind, nicht deaktivieren.
• Das Deaktivieren ungenutzter Funktionen wie XML-RPC und Einbettungen ist eine hervorragende Möglichkeit, die Angriffsfläche Ihrer Website zu verringern.
• Das Deaktivieren unnötiger Skripte wie Emojis trägt dazu bei, den Kopf Ihrer Website zu bereinigen und eine schlankere Einrichtung zu ermöglichen.

WooCommerce Store Modes & Cleanup

Was es tut

Optimieren Sie WooCommerce, indem Sie ungenutzte Shop-Funktionen, Skripte und Blähungen deaktivieren. Diese Funktion verhindert, dass unnötige Elemente auf Seiten geladen werden, auf denen sie nicht benötigt werden.

So verwenden Sie es

1. Gehen Sie zum Abschnitt „Feature-Manager“.
2. Wählen Sie WooCommerce aus und öffnen Sie dann die Registerkarte Modi.
3. Schalten Sie die WooCommerce-Funktionsschalter nach Bedarf um.
4. Speichern Sie Ihre WooCommerce-Moduseinstellungen.

Settings & Options

Tips & Best Practices

• Schalten Sie die Shop-weiten WooCommerce-Optimierungen um, um zu verhindern, dass Warenkorbfragmente in Blog-Posts oder statischen Seiten geladen werden.
• Verhindern Sie, dass Store-Skripte auf Seiten geladen werden, die sie nicht benötigen, damit Ihre Website reibungslos funktioniert.
• Überprüfen Sie Ihre Einstellungen, nachdem Sie Änderungen vorgenommen haben, um sicherzustellen, dass die Seiten Ihres Shops korrekt angezeigt werden.

WooCommerce-Asset-Manager

Was es tut

Mit dem WooCommerce Asset Manager können Sie das Laden bestimmter WooCommerce-Skripte und Stylesheets auf Ihren Shop-Seiten steuern. Sie können optimieren, welche WooCommerce-Assets auf bestimmten Seiten geladen werden, um Ihren Shop zu optimieren.

So verwenden Sie es

1. Gehen Sie zum Abschnitt „Feature-Manager“.
2. Wählen Sie die Option WooCommerce und klicken Sie auf die Registerkarte Assets.
3. Konfigurieren Sie Ihre WooCommerce-Asset-Laderegeln.
4. Klicken Sie auf die Schaltfläche „Speichern“, um Ihre Asset-Regeln zu speichern.

Settings & Options

Tips & Best Practices

• Überprüfen Sie Ihre Shop-Seiten nach der Aktualisierung Ihrer Asset-Regeln, um sicherzustellen, dass alles korrekt angezeigt wird und funktioniert.
• Deaktivieren Sie nur Skripte und Stylesheets, von denen Sie sicher sind, dass sie auf bestimmten Seiten nicht benötigt werden.
• Nehmen Sie sich Zeit beim Konfigurieren von Regeln, um einen reibungslosen Betrieb Ihres Shops zu gewährleisten.

Geplante WooCommerce-Aufgaben (Cron)

Was es tut

Verwalten und optimieren Sie geplante WooCommerce-Hintergrundaufgaben und Aktionsplanerwarteschlangen. Überprüfen Sie die Hintergrundaufgabenwarteschlangen von WooCommerce und bereinigen Sie alte Aktionsplanerprotokolle, um den reibungslosen Betrieb Ihres Shops zu gewährleisten.

So verwenden Sie es

1. Gehen Sie zum Abschnitt „Feature-Manager“ und wählen Sie „Aus“. WooCommerce, und öffnen Sie die Geplante Aufgaben Tab.
2. Überprüfen Sie Ihre Hintergrundaufgabenwarteschlangen und konfigurieren Sie Ihre Einstellungen.
3. Führen Sie ausstehende Aktionen manuell aus oder löschen Sie abgeschlossene Aktionsprotokolle nach Bedarf.
4. Klicken Sie auf Cron-Einstellungen speichern Klicken Sie auf die Schaltfläche, um Ihre Änderungen zu übernehmen.

Settings & Options

Tips & Best Practices

• Bereinigen Sie regelmäßig alte Aktionsplanerprotokolle, indem Sie abgeschlossene Aktionsprotokolle löschen, um Ihr System organisiert zu halten.
• Verwenden Sie manuelle Ausführungen für ausstehende Aktionen, wenn Sie Hintergrundaufgaben sofort verarbeiten müssen.
• Passen Sie Ihre Action Scheduler Tuning-Einstellungen an, um die Handhabung von Batchgrößen und Aufbewahrungsfristen in Ihrem Shop zu optimieren.

WooCommerce Admin Bloat Control

Deaktivieren Sie WooCommerce-Admin-Dashboard-Widgets, Analyseberichte und Marketingbenachrichtigungen.

WooCommerce E-Mail-Optimierer

Optimieren Sie WooCommerce-Transaktions-E-Mails und deaktivieren Sie unnötige E-Mail-Trigger.