Verwenden Sie ein WordPress-Slider-Plugin und sehen eine Verzögerung? Haben Sie bemerkt, dass Ihr Homepage-Slider langsam lädt? Die folgenden Optimierungstechniken können auf die beliebtesten WordPress-Slider-Plugins angewendet werden:
- Schieberegler Revolution
- LayerSlider
- Selbstgespräche
- RoyalSlider
- Schieberegler WD
- Intelligenter Schieberegler
- Glatter Schieberegler
- Master-Schieberegler
- MetaSlider
- Huge-IT Schieberegler
Warum ist mein WordPress-Slider langsam?
Ihr WordPress-Slider wird aufgrund der folgenden 5 Probleme langsam geladen: langsames WordPress-Hosting, ein veraltetes Slider-Plugin, eine veraltete WordPress-Version, umfangreiche unkomprimierte Bilder und nicht richtig konfigurierte Slider-Optimierungseinstellungen. In den folgenden Tutorials erfahren Sie, wie Sie die einzelnen Probleme angehen können. Wenn Sie diese einfachen Schritte befolgen, wird Ihr Slider viel schneller geladen und hinterlässt bei den Besuchern Ihrer Website einen guten ersten Eindruck. Fangen wir an!
1. Langsames WordPress-Hosting
Die größte Ursache für eine langsame Website ist die Wahl des Webhosters. Egal, wie sehr Sie Ihr Slider-Plugin optimieren, wenn Sie die JS, CSS und Bilder von einem langsamen Hosting-Unternehmen bereitstellen, wird Ihr Slider eine Weile zum Laden brauchen. Wenn Sie eine schnellere Lösung suchen, sollten Sie sich die schnellsten Webhoster im Vergleich ansehen. Außerdem können Sie die besten WordPress-Hosting-Optionen für eine eingehendere Analyse überprüfen. Wenn Sie ein Fotograf sind und eine bildlastige Portfolio-Website hosten, dann sollten Sie sich diese Top-Webhosts für Fotografen ansehen.
Wie man langsames WordPress-Hosting behebt: Melden Sie sich bei einem der empfohlenen Hoster wie Bluehost an, um Ihre Website zu beschleunigen. (ab nur 2,95 $/Monat)
2. Ihr Slider-Plugin ist veraltet
Slider Revolution, das beliebteste WordPress-Slider-Plugin, aktualisiert seinen Code im Durchschnitt über ein Dutzend Mal pro Jahr. Im Jahr 2017 gab es zum Beispiel 16 Aktualisierungen (siehe das Änderungsprotokoll hier). Einige dieser Aktualisierungen betreffen die WordPress-Kompatibilität und -Optimierung, während andere sich direkt auf die Leistung auswirken (z. B. der Zusatz “Leistungsmonitor und bessere Leistungsempfehlungen”). Wenn Ihr
Wie man veraltete Slider-Plugins repariert: Melden Sie sich in Ihrer WordPress-Verwaltung an. Wählen Sie Dashboard > Updates > Alle auswählen > Plugins aktualisieren. Beachten Sie, dass einige WordPress-Themes einen separaten Abschnitt für empfohlene Plugins in den Theme-Einstellungen haben. Wenn Ihr Slider-Plugin zusammen mit Ihrem WordPress-Theme installiert wurde, finden Sie hier möglicherweise ein Update und nicht im Standardbereich des Dashboards > Updates.
3. Ihre WordPress-Version ist veraltet
Da Ihre Plugins nun aktualisiert sind, sollten Sie auch sicherstellen, dass Ihre WordPress-Version auf dem neuesten Stand ist. Die meisten Aktualisierungen des WordPress-Frameworks beinhalten Optimierungen für eine schnellere Leistung und kürzere Ladezeiten der Website. Eine aktuelle WordPress-Version und aktualisierte Plugins sorgen für eine optimale Leistung (bei einem schnellen Webhost).
Wie Sie die WordPress-Version aktualisieren: Im Dashboard > Updates finden Sie auf der Seite “WordPress aktualisieren” eine Schaltfläche “Jetzt aktualisieren”. Folgen Sie den Anweisungen für eine einfache Aktualisierung mit einem Mausklick.
4. Ihre Bilder sind nicht optimiert
Schieberegler sind bildlastig und die Bereitstellung nicht optimierter Bilder durch Ihr Schieberegler-Plugin kann erhebliche Auswirkungen auf die Leistung haben. Wussten Sie, dass Bilder im Durchschnitt 54 % der Seitengröße einer Website ausmachen? Die Reduzierung der Bildgröße ist ein Muss in der heutigen leistungsorientierten Welt des Internets!
Wie Sie Bilder auf Ihrer Website optimieren können:
- Passen Sie die Bildgröße an. Verkleinern Sie Ihre Bilder immer auf eine für die Webauflösung geeignete Pixelgröße. In der Regel versuche ich, alle meine Bilder mit einer Breite von 1200px oder weniger zu gestalten, da die meisten Websites und Browser ein Bild dieser Größe oder größer neu skalieren, damit es auf den Bildschirm des Benutzers passt. Wenn Sie ein Fotobearbeitungsprogramm wie Photoshop verwenden, sollten Sie das Bildkompressionsformat der Software nutzen. Öffnen Sie in Adobe Photoshop Ihr Bild und rufen Sie dann Folgendes auf: Datei > Exportieren > Für Web speichern (Legacy) > und wählen Sie dann entweder das Dateiformat “PNG-24” oder “JPEG”. Bei PNG-Dateien müssen Sie in der Regel das Kästchen “Transparenz” sowie “In sRGB konvertieren” aktivieren. Bei JPEG lassen Sie “Progressiv” und “Eingebettetes Farbprofil” unmarkiert, markieren aber die Kästchen “Optimiert” und “In sRGB konvertieren”. Mit dem Schieberegler “Qualität” können Sie die Auflösung anpassen. Die Dateigröße sollte so gering wie möglich sein, ohne dass die Qualität darunter leidet. Wenn das Bild im Vorschaufenster der Registerkarte Optimiert unscharf oder pixelig wird, erhöhen Sie die Qualität ein wenig. Im Allgemeinen ist eine Qualität von 60-80 % ein guter Wert, um ein Gleichgewicht zwischen Dateigröße und Qualität herzustellen.
- Installieren Sie ein WordPress-Plugin zur Bildkomprimierung auf Ihrer Website. Dadurch werden nicht nur die bereits in Ihrer Mediathek vorhandenen Bilder weiter optimiert, sondern auch alle Bilder, die Sie in Zukunft hochladen, automatisch komprimiert. Mein persönlicher Favorit ist TinyPNG, das eine intelligente PNG- und JPEG-Komprimierung verwendet, um die Dateigröße zu verringern, ohne die visuelle Qualität zu beeinträchtigen. Hier ist ein WordPress-Plugin verfügbar. Alternativen zu TinyPNG sind ShortPixel Image Optimizer und WP Smush, zwei großartige WordPress-Plugins, die ich ebenfalls häufig verwende.
- Laden Sie das Bild auf Ihre Website hoch und füllen Sie die Felder für den Bildtitel und den Bild-Alt-Text in Ihrem CMS aus, wie es sich für SEO gehört.
5. Ihr Slider-Plugin ist nicht optimiert
Wussten Sie, dass viele WordPress-Bildslider einen Optimierungsbereich haben? Haben Sie Ihr System richtig konfiguriert? Slider Revolution verfügt beispielsweise über Lazy Load- und Performance-Einstellungen, mit denen Sie die Ladezeit optimieren und beschleunigen können. Schauen Sie in der Dokumentation oder im Support-Bereich Ihres Sliders nach, ob es einen speziellen Leitfaden für die Leistung gibt.
Wie man Slider Revolution beschleunigt:
- Um Slider Revolution zu beschleunigen, wählen Sie zunächst eine der folgenden Lazy Load-Einstellungen aus, die Sie unter Slider bearbeiten > Slider-Einstellungen > Leistung und SEO-Optimierung finden. Hier gibt es 4 Einstellungen;
Alle
(alle Bilder des Schiebers laden),
Intelligent
(lädt die Bilder der ersten Folie und lädt auch die Bilder der nächsten Folie vor),
Einzelne
(Slider-Bilder “bei Bedarf” laden), und
Kein Lazy Loading
(alle Bilder beim ersten Laden der Seite laden). Welche Lazy-Load-Einstellung Sie wählen, hängt von der Funktionalität Ihres Sliders ab, davon, wie schnell Ihre Website zu Beginn ist und was Sie optimieren müssen.
2. Die zweite Möglichkeit, Slider Revolution zu beschleunigen, ist die Überprüfung des Abschnitts “Overall Slider Performance”, der zwei Schaltflächen enthält: “Vollständige Statistik anzeigen” und “Alle Probleme anzeigen”. Befolgen Sie die hier aufgeführten Leistungsempfehlungen für eine optimale Geschwindigkeit des Schiebers.
3. Um die schnellsten Reaktionszeiten von Slider Revolution zu gewährleisten, sollten Sie sicherstellen, dass Ihre Systemanforderungen erfüllt sind. Unter dem Hauptverwaltungsbereich des Plugins finden Sie ein Feld “Systemanforderungen”, das Ihnen einen Überblick über die empfohlenen Serverstatistiken und die aktuellen Anforderungen Ihres Webhosts gibt. Wählen Sie die Schaltfläche “Jetzt prüfen”, um Ihre Statistiken live zu aktualisieren.
Profi-Tipp:
Wenn Sie feststellen, dass Sie unter dem Speicherlimit, der maximalen Dateigröße oder der maximalen Postgröße liegen, wenden Sie sich an Ihren Webhoster und bitten Sie darum, dass diese Limits auf den vorgeschlagenen Wert erhöht werden. Oft ist der Webhoster damit einverstanden, ohne dass Sie Ihr Hosting-Paket aufrüsten müssen oder zusätzliche monatliche Gebühren anfallen. Wenn Sie jedoch feststellen, dass Ihr Webhoster die Systemanforderungen nicht erfüllt und nicht bereit ist, Ihnen ein kostenloses Upgrade anzubieten, sollten Sie die Migration zu einem neuen Webhoster wie Bluehost in Betracht ziehen. Ich habe festgestellt, dass der technische Support von Bluehost bei diesen Systemanforderungen für WordPress-Websites sehr entgegenkommend ist.
Durch die Umsetzung dieser fünf Schritte sollten Sie eine deutliche Steigerung der Leistung Ihres WordPress-Sliders feststellen. Wenn Ihre Website immer noch langsam ist, sollten Sie sich diesen Artikel über die Beschleunigung von WordPress ansehen.