So verschieben Sie Offscreen-Bilder in WordPress
Wir alle wissen, dass Geschwindigkeit sehr wichtig ist SEO und Konvertierung. Die Schnelligkeit einer Website kann dazu beitragen, dass diese bei Google einen höheren Rang einnimmt. Und es kann auch Ihre Leser glücklich machen. Wer mag keine schnelle Website?
Wenn Sie jedoch versuchen, eine Website auf Geschwindigkeit zu optimieren, kann dies bei so vielen Aufgaben zeitaufwändig sein. Normalerweise versuche ich ab und zu, meine Website zu testen und sicherzustellen, dass sie nicht schlecht funktioniert. Man weiß nie, was es Neues gibt. In der SEO-Welt ändern sich die Dinge sehr oft.
Wenn Sie Ihre Website überprüft haben Geschwindigkeitstest-Tools wie bei Google PageSpeed Insight oder Web.dev ist eine der Warnungen, die Sie möglicherweise erhalten, „Bilder außerhalb des Bildschirms zu verschieben“.
In diesem Artikel werde ich erklären, was das bedeutet, Ihnen sagen, wie Sie das Problem beheben können, und Empfehlungen aussprechen Plugins Sie können es verwenden, um das Problem zu beheben.
Sie sollten jedoch wissen, dass das Aufschieben von Bildern außerhalb des Bildschirms die Geschwindigkeit Ihres Mobilgeräts steigern kann. Die wichtigsten Faktoren, die Ihre Geschwindigkeit beeinflussen, sind Ihr Hosting und Ihr Thema. Hier, um BloggenWerkzeuge, die wir verwenden Cloudways weil es das schnellste WordPress-Hosting ist. Wenn Sie sich Cloudways nicht leisten können, sind Bluehost oder Hostinger gute Optionen. Für das Theme verwenden wir das schnellste WordPress Thema bekannt GeneratePress.
Was bedeutet das Verschieben von Offscreen-Bildern?
Offscreen-Bilder zu verschieben bedeutet, das Laden von Bildern, die für den Benutzer noch nicht sichtbar sind, zu verzögern. Dadurch konzentriert sich der Browser darauf, nur das zu laden, was notwendig ist, und macht die Website letztendlich schneller.
Wenn Sie viele Bilder in Ihren Beiträgen oder auf Ihrer Startseite haben, beginnt der Browser sofort, wenn ein Benutzer Ihre Website besucht, alles zu laden. Wenn es viele Bilder gibt, kann das Rendern der Seite für den Benutzer viel Zeit in Anspruch nehmen.
Wenn Sie jedoch Offscreen-Bilder verschieben, werden die Bilder nur geladen, wenn der Benutzer darauf scrollt.
Beachten Sie, dass Sie nicht nur Bilder zurückstellen können, sondern auch die meisten Ihrer Website-Assets, bis sie benötigt werden.
So verschieben Sie Offscreen-Bilder in WordPress
Sie können Offscreen-Bilder verschieben, indem Sie Bilder träge laden. Lazy Loading stellt sicher, dass Bilder nur geladen werden, wenn sie benötigt werden. Dadurch wird die Website wiederum schneller.
Sobald Sie in der Lage sind, Bilder und andere Assets träge zu laden, die ein schnelles Laden Ihrer Seite verhindern. Die "Offscreen-Bilder verschieben" von Google PageSpeed Insight und anderen Testtools werden verschwinden.
Befolgen Sie diese Schritte, um Offscreen-Bilder in WordPress zu verschieben:
1. Installieren Sie ein Lazy-Loading-Plugin
Es gibt viele Lazy Loading-Plugins, die kostenlos im WordPress-Plugin-Verzeichnis verfügbar sind. Sie können zu Plugin gehen, neu hinzufügen und dann Lazy Loading eingeben. Installieren Sie jeden mit guten Bewertungen.
Sie müssen jedoch kein Plugin installieren, wenn Sie bereits über Plugins verfügen, die mit Lazy Loading umgehen können. Die meisten Caching-Plugins haben Lazy Loading. Überprüfen Sie Ihr Caching-Plugin auf faule Ladeoptionen. Bildoptimierungs-Plugins haben meistens eine Lazy-Loading-Option.
Auch wenn Sie Jetpack und Autoptimize verwenden, haben sie Lazy-Loading-Optionen.
2. Aktivieren Sie die Lazy-Loading-Optionen
Stellen Sie nach der Installation des Plugins sicher, dass Sie die Lazy-Loading-Option aktivieren. Wenn Sie ein Cache-Plugin mit einer Lazy-Loading-Funktion haben, stellen Sie sicher, dass Sie diese Option aktivieren.
3. Leeren Sie Ihren Cache.
Sobald Lazy Loading aktiviert ist, leeren Sie Ihren Cache und das ist alles!
Sie können Ihre Site erneut testen, die Warnung sollte verschwunden sein!
Offscreen-Bilder verschieben WordPress-Plugin
Plugins zum Zurückstellen von Offsreen-Bildern sind dieselben wie Plugins zum Lazy Loading. Hier sind einige unten:
1. Jetpack
Jetpack ist mit über 5 Millionen aktiven Installationen eines der beliebtesten WordPress-Plugins. Wenn Sie Jetpack bereits installiert haben, müssen Sie kein zusätzliches Plugin für Lazy Loading installieren.
Aktivieren Sie einfach Lazy Loading in Jetpack. Um zu aktivieren, gehen Sie zu den Jetpack-Einstellungen, dann unter der Registerkarte Leistung, scrollen Sie nach unten und aktivieren Sie Lazy Loading.
2. Autooptimieren
Autoptimize ist ein sehr beliebtes Performance-Plugin. Wenn Sie Autoptimize verwenden, müssen Sie kein Lazy-Loading-Plugin installieren, da Autoptimize die gleiche Funktion hat.
Gehen Sie zu Autoptimize-Einstellungen, klicken Sie dann auf die Registerkarte Bilder und aktivieren Sie Lazy Loading.
3. WP Rakete
WP Rocket ist das beliebteste Premium-WordPress-Caching-Plugin. Wenn Sie WP Rocket verwenden, benötigen Sie kein weiteres Plugin, da Lazy Loading aktiviert ist.
Gehen Sie zu den WP Rocket-Einstellungen und klicken Sie dann auf Medien. Von dort aus können Sie Lazy Loading aktivieren.
4. LiteSpeed-Cache
Wenn Sie das verwenden LiteSpeed Cache Plugin, Es hat eine faule Ladefunktion. Navigieren Sie zum Aktivieren einfach zum Medienbereich, und dort können Sie Lazy Loading aktivieren.
5. a3 Lazy Load
Wenn Sie nur ein Plugin für das Lazy Loading benötigen, dann a3 Lazy Load ist ein gutes Plugin dafür. Gehen Sie einfach zu Plugin > Neu hinzufügen. Suchen Sie nach a3 Lazy Load. Installieren und aktivieren. Gehen Sie dann zu den Plugin-Einstellungen und aktivieren Sie Lazy Loading.
Im Allgemeinen verfügen einige Designs, einige Cache-Plugins und einige Bildoptimierungs-Plugins über eine Lazy-Loading-Funktion.
Häufig gestellte Fragen (FAQs)
Was ist „Offscreen-Bilder zurückstellen“?
Offscreen-Bilder verschieben bedeutet einfach, das Laden nicht benötigter Bilder zu verzögern. Dies trägt dazu bei, die Geschwindigkeit einer Website zu beschleunigen, indem Bilder nur dann geladen werden, wenn sie benötigt werden.
Wie verschiebe ich Offscreen-Bilder in WordPress?
Um Offscreen-Bilder in WordPress zu verschieben, installieren Sie einfach ein Lazy-Loading-Plugin. Sie können auch überprüfen, ob Ihr Caching-Plugin oder Bildoptimierungs-Plugin über eine Lazy-Loading-Funktion verfügt, aktivieren Sie sie einfach.
Wie verschiebe ich Offscreen-Bilder mit WP Rocket?
Öffnen Sie die WP Rocket-Einstellungen, navigieren Sie zu Medien. Von dort aus können Sie Lazy Loading aktivieren.