Wenn Sie Ihren Besuchern eine großartige Benutzererfahrung bieten möchten, müssen Sie sicherstellen, dass Ihre Website schneller geladen wird, damit sie nicht frustriert werden. Tatsächlich kann die Geschwindigkeit Ihrer Website Ihr Online-Geschäft beeinträchtigen oder beeinträchtigen. Sie MÜSSEN WordPress-Bilder optimieren, um Ihre Website schneller zu machen - da Bilder normalerweise den größten Teil Ihres Inhalts ausmachen.
Walmart hat eine gefunden Erhöhung der Conversion-Rate um 2% immer wenn sie die Geschwindigkeit um 1 Sekunde verbessert haben. Dies ist ein Beispiel von vielen, die darauf hindeuten, dass es entscheidend ist, Ihre Website schnell zu machen.
Eine einfache Möglichkeit, Ihre Website schneller zu machen, besteht darin, alle Bilder auf Ihrer WordPress-Website zu optimieren.
Wenn Sie die Geschwindigkeit Ihrer WordPress-Website noch nicht als wichtige Komponente Ihres Unternehmens angesehen haben, müssen Sie erneut darüber nachdenken und Maßnahmen ergreifen, um die Geschwindigkeit Ihrer WordPress-Website zu verbessern.
Leseempfehlung: So erhalten Sie eine schnelle WordPress-Website – eine vollständige Anleitung [25 Schritte]
Es gibt viele Möglichkeiten, Ihre Website schneller zu machen. Einige von ihnen sind unten aufgeführt.
- Vermeiden Sie zu viele WordPress-Plugins
- Verwenden Sie WordPress CDN-Dienste
- Optimieren Sie die CSS-Bereitstellung
- Optimieren Sie WordPress-Bilder
Bilder, die nicht für das Web optimiert wurden, sind normalerweise groß. Das Laden dieser Bilder dauert länger.
Es ist wichtig, dass Sie Ihre Bilder optimieren, indem Sie sie so klein wie möglich machen.
In den meisten Fällen ist der Prozess der Optimierung von Bildern für WordPress und Ihre Website jedoch mühsam oder steht der Erstellung von Inhalten im Weg.
In diesem Beitrag werden verschiedene Möglichkeiten erläutert, wie Sie Ihre WordPress-Bilder optimieren und so das Laden Ihrer Website beschleunigen können.
Komprimieren Sie Bilder oder speichern Sie sie für das Web
Es versteht sich von selbst, dass die Größe Ihres Bildes die Ladezeit Ihrer WordPress-Website beeinflussen kann. Je mehr Ihr Browser laden muss, desto mehr Zeit wird dafür benötigt.
Dies gilt insbesondere für mobile oder langsamere Internetverbindungen.
Da hochauflösende Bilder eine größere Dateigröße haben, ist es immer besser komprimiere die Bilder vor dem Hochladen.
Auf diese Weise muss der Browser heruntergeladen werden less Daten sollten also viel schneller geladen werden.
Jetzt haben Sie vielleicht eine Frage: Was ist die WordPress-Bildkomprimierung und wie kann sie verkleinert werden, ohne die Qualität zu beeinträchtigen?
Bei der Komprimierung wird die Bildgröße drastisch verringert, indem Bildinformationen, die ein menschliches Auge nicht wahrnehmen kann, algorithmisch entfernt werden. Dies ist eine sehr effektive Methode zur Optimierung von WordPress-Bildern.
Obwohl die Bildkomprimierung eine sichere Methode zur Reduzierung der Bildgröße ist, geht beim Komprimieren von JPEG-Dateien manchmal der eigentliche Inhalt der Bilder während des Prozesses verloren.
Dies ist der einzige Nachteil dieses Ansatzes. Denken Sie daran, die Ergebnisse nach der Komprimierung sorgfältig zu überprüfen, um sicherzustellen, dass Sie mit den Ergebnissen der Komprimierung zufrieden sind.
WP Smush ist ein beliebtes WordPress-Plugin, mit dem Sie die Bilddateigröße einfach reduzieren können, indem Sie jedes hochgeladene Bild scannen und unnötige Dateninformationen entfernen.
Mit der kostenlosen Version dieses Plugins können Sie Bilder mit einer Größe von bis zu 1 MB komprimieren, während Sie mit der Pro-Version Bilder mit einer Größe von bis zu 32 MB komprimieren können.
Sie können downloaden WP Smush .
Bitte beachten Sie auch, dass Sie mit diesem Plugin alle neu hochgeladenen Bilder auf Ihre WordPress-Website optimieren können. Wenn Sie die vorhandenen Bilder komprimieren möchten, können Sie den Link Bulk Smush.it auf der Registerkarte Medienbibliothek verwenden, um vorhandene WordPress-Bilder zu optimieren.
Wir werden in Kürze mehr über Optimierungs-Plugins sprechen.
Lazy Loading: Optimieren Sie die Ladezeiten von WordPress-Bildern
[AKTUALISIEREN: In WordPress 5.4 ist Lazy Loading integriert. Solange Sie WordPress auf dem neuesten Stand halten, müssen Sie sich keine Gedanken mehr über Lazy Loading machen.]
Wir alle wissen, dass "Ein Bild mehr sagt als tausend Worte".
Wenn Sie jedoch zu viele Bilder auf einer Seite verwenden, wird Ihre Website möglicherweise langsamer geladen.
Eine einfache Möglichkeit, die Ladezeit zu verbessern, besteht darin, unnötige Bilder zu entfernen und nur das beizubehalten, was unbedingt erforderlich ist. Allerdings möchte nicht jeder die Anzahl der auf einer Webseite verwendeten Bilder reduzieren, nur um das Laden der Seite zu beschleunigen.
Wie kann dieses Problem gelöst werden?
Sie haben es vielleicht schon bemerkt – Websites, die viele Bilder auf jeder Seite verwenden, lösen dieses Problem, indem sie dafür sorgen, dass das Bild nur geladen wird, wenn es für den Benutzer sichtbar ist.
Diese Taktik reduziert nicht nur die Ladezeit der Seite, sondern spart auch Serverbandbreite. Dies wird als verzögertes Laden bezeichnet. Da das Bild "faul" ist, wird es nur angezeigt, wenn es benötigt wird.
Wenn Sie WordPress verwenden, ist es einfacher, das Bild nur dann zu laden, wenn es sichtbar ist. Alles, was Sie tun müssen, ist, dass Sie ein Lazy-Load-Plugin installieren.
Auch dies ist eine hervorragende Möglichkeit, WordPress-Bilder für eine verbesserte Geschwindigkeit zu optimieren.
Früher brauchte man dafür ein Plugin, aber jetzt ist es in WordPress integriert.
Lesen Sie mehr: Divi gegen Elementor
Verwenden Sie das richtige Bildformat
Wenn Sie die Unterschiede zwischen den einzelnen Bildformaten kennen, können Sie das richtige Format auf Ihrer Website verwenden, was Ihnen sogar bei der Bildoptimierung hilft.
JPEG, PNG und GIF sind die beliebtesten Bildformate.
Welches Format ist besser für optimierte Bilder von WordPress-Websites und wann sollten Sie es verwenden?
- GIF: Verwenden Sie GIF, wenn Ihr Bild zu klein ist und relativ less Anzahl von Farben. GIF ist beispielsweise eine gute Wahl für ClipArts, Aufzählungszeichen und Diagramme. Andererseits konnten komplexe Bilder mit Verbesserungen wie Schlagschatten mit GIF nicht richtig angezeigt werden.
- JPEG / JPG: Es eignet sich für komplexe Bilder mit vielen Farbvariationen oder wenn es fotografische Bilder enthält.
- PNG: Das PNG-Format eignet sich am besten für transparente Bilder.
- WebP: Dies ist heutzutage das beste Format. Für die Erstellung dieser Bilder ist jedoch Serverunterstützung auf Ihrer Website erforderlich
Bitte beachten Sie, dass dies nur allgemeine Empfehlungen sind. Wie bei allen Regeln gibt es Ausnahmen, und einige dieser Regeln sollen verletzt werden.
Nutzen Sie den Browser-Cache effektiv
Wenn Sie Bilder auf eine Webseite hochladen, stellen Sie sicher, dass Sie sie in ein einzelnes Verzeichnis hochladen. Durch das Hochladen Ihrer Bilder in ein einzelnes Verzeichnis auf einer Webseite kann der Browser diese Bilder bei wiederholten Besuchen problemlos über den Browser-Cache laden.
Es ist in Ordnung, wenn Sie Bilder über den standardmäßigen WordPress-Bild-Uploader hochladen. Aber wenn Sie beispielsweise HTML-Zielseiten auf WordPress erstellen, werden Sie wahrscheinlich nicht den standardmäßigen WordPress-Bild-Uploader verwenden.
Stellen Sie in diesen Fällen sicher, dass Sie alle Bilder in ein einziges Verzeichnis hochladen, anstatt die Bilder einer Webseite in verschiedene Verzeichnisse hochzuladen.
Wenn Sie mehr über das Zwischenspeichern von Browsern und deren Nutzung erfahren möchten, lesen Sie unseren ausführlichen Artikel hier: So nutzen Sie das Browser-Caching in WordPress mit oder ohne Plugin [5 Möglichkeiten]
Verwenden Sie dasselbe Bild mehrmals
Eine andere Möglichkeit, das Browser-Caching zum Reduzieren der Bildbandbreite zu verwenden, besteht darin, dieselben Bilder auf der gesamten Website mehrmals zu verwenden.
Wenn Sie beispielsweise Logos oder Menüelemente von einer Seite verwenden, stellen Sie sicher, dass Sie auf der gesamten Website dieselben Bilder aufrufen, damit Benutzer sie nicht mehrmals, sondern nur einmal herunterladen müssen und Browser die Bilder über den Browser anzeigen können Zwischenspeicher.
Stellen Sie bei Verwendung eines strukturierten Hintergrunds sicher, dass Sie wiederholt kleinere Bilder verwenden, anstatt ein einzelnes großes Bild zu verwenden. Dies kann auch dazu beitragen, die Ladezeit zu verkürzen.
Wenn Sie Bilder mit dem Medien-Uploader im WordPress-Dashboard hochladen, wird sie standardmäßig in den Ordner verschoben, je nachdem, wann Sie sie hochladen. Das heißt, alle Bilder, die in einem Monat hochgeladen werden, befinden sich in einem einzigen Verzeichnis.
Wenn Sie beispielsweise ein Bild im Januar 2021 hochladen, befindet es sich in folgendem Verzeichnis: wp-content / uploads / 2021/01.
Schauen wir uns die Vorteile des Hochladens über den Medien-Uploader an und sagen Ihnen dann, was Sie beachten sollten, wenn Sie nicht auf Ihren Medien-Uploader hochladen, um Ihre Website zu beschleunigen.
Der Medien-Uploader beschleunigt das Laden des Bildes: Das Laden geht schneller, wenn die Bilder beim Surfen auf einer Webseite im selben Ordner gespeichert werden.
Wenn die Bilder wiederholt aufgerufen werden, kann der Browser sie problemlos aus dem Browser-Cache abrufen, wenn sie sich in einem einzigen Ordner befinden.
Oft verwenden WordPress-Blogger jedoch nicht den Standard-Medien-Uploader, insbesondere wenn sie an einer benutzerdefinierten Zielseite arbeiten. Der Einfachheit halber laden sie Bilder in ein separates Verzeichnis hoch.
Stellen Sie in solchen Fällen sicher, dass Sie alle Bilder dieser Seite in einem einzigen Verzeichnis hochladen, anstatt sie in mehrere Verzeichnisse hochzuladen. Diese Taktik kann die Ladezeit verbessern, da das Zwischenspeichern von Dateien bei wiederholten Besuchen einfacher wird.
Verwenden Sie CSS anstelle von Bildern
Wissen Sie, dass Sie die Ladezeit verbessern können, indem Sie überhaupt kein Bild verwenden?
Beispielsweise ist es durchaus möglich, bestimmte Formen zu erzeugen, indem man einfaches CSS anstelle von Bildern wie abgerundete Rechtecke, Farbverläufe, Schlagschatten und transparente Bilder verwendet.
Stellen Sie jedoch sicher, dass Sie die Browser-Kompatibilitätsprüfung im Auge behalten, wenn Sie ein Bild durch CSS ersetzen, da nicht alle Browser diese Techniken unterstützen können.
5 Plugins zur Bildoptimierung zur Aufrechterhaltung der Seitengeschwindigkeit
Wir haben das Bildoptimierungs-Plugin von Smush bereits erwähnt, aber es ist nicht das einzige, das Sie verwenden können.
Wenn Sie davon überzeugt sind, dass die Optimierung von Bildern der richtige Weg ist (und Sie sollten es sein), sind hier 5 WordPress-Plugins, die Folgendes bieten:
1. ShortPixel-Bildoptimierer für WordPress
ShortPixel Image Optimizer für WordPress ist ein leichtgewichtiges Plugin mit allen grundlegenden Funktionen, die Ihnen helfen, Bilder zu optimieren.
Es komprimiert Bilder, konvertiert sie, enthält Hintergrundprozesse zur Bildoptimierung und vieles mehr.
Das Plugin kann für bis zu 100 Credits pro Monat kostenlos verwendet werden. Dann kostet es ab 3.99 $ pro Monat für zusätzliche Credits. Unbegrenzte Pläne beginnen bei 8.99 $ pro Monat.
Dieses Plugin macht vieles richtig. Mit der kostenlosen Version können Sie vor dem Kauf testen, aber die Preisgestaltung wird kompliziert, sobald Sie mit der Optimierung weiterer Bilder beginnen. Ansonsten ist es eine gute Option.
2. Imagify
Imagify ist ein beliebtes Plugin zur Bildoptimierung mit über 300,000 Installationen. Es ermöglicht Ihnen, Bilder zu optimieren, Formate einschließlich WebP zu konvertieren und die Größe im Handumdrehen zu ändern. Es ist ein sehr kompetentes Plugin, wenn Sie glauben, dass Sie alle Optionen nutzen könnten.
Es gibt eine kostenlose Version mit bis zu 20 MB Dateioptimierung. Premium-Pläne kosten 4.99 $ pro Monat für bis zu 500 MB und 9.99 $ pro Monat für unbegrenzte Optimierungen.
Da Imagify auf seinen eigenen Servern komprimiert und nicht auf Ihren, funktioniert diese Preismethode besser.
Imagify bietet einige leistungsstarke Optimierungstools und drei Komprimierungsstufen. Darüber hinaus verwendet es seine eigenen Server, um dies zu tun. Diese freien 20 MB sind jedoch nicht viel, da ein HD-Bild leicht 2 MB aufwärts umfassen kann.
3. EWWW Image Optimizer
EWWW Image Optimizer ist ein kostenloses Bildoptimierungs-Plugin für WordPress, das viel leistet, ohne etwas dafür zu verlangen. Es wird in WordPress installiert und verwendet sowohl lossy als auch lossless Komprimierung, um Bilder auf Ihrer Website zu verkleinern.
Es kann Bilder bis zu einer Größe von 150 MB verarbeiten und kann die meisten um bis zu 50 % verkleinern. Es hat zwar nicht viele erweiterte Funktionen, aber die Grundlagen werden definitiv abgedeckt.
EWWW Image Optimizer ist eine großartige kostenlose Option, die ziemlich einfach ist, aber die Arbeit erledigt. Jeder, der Lazy Loading oder erweiterte Bildoptimierungen benötigt, muss ab 7 US-Dollar pro Monat für Premium-Funktionen bezahlen.
4. Smooth
Smush ist ein leistungsstarkes kostenloses Bildoptimierungs-Plugin für WordPress. Es hat über 1 Million Installationen und tut alles, was ein Plugin dieser Art tun sollte. Es optimiert, verkleinert, ändert das Format und lädt sogar Bilder faul.
Smush ist installieren und vergessen. Richten Sie es ein, lassen Sie es los und es wird alle vorhandenen Bilder optimieren und automatisch dasselbe für alle neuen Bilder tun. Die Bulk-Smush-Funktion ist besonders nützlich für Websites oder Portfolios mit vielen Bildern.
Um ehrlich zu sein, Smush ist so leistungsfähig, dass wir Schwierigkeiten haben, die Kosten für die Bildoptimierung zu rechtfertigen. Wenn Sie eine kleinere Website betreiben und nicht stark von Bildern abhängig sind, könnte dies das einzige Plugin sein, das Sie benötigen.
5. Optimole
Optimole ist eher ein praktisches Plugin zur Bildoptimierung. Nach der Installation überprüft es vorhandene Bilder und optimiert sie und verkleinert automatisch neue Bilder, wie es Smush tut.
Optimole bietet auch Cloud-basierte Bilder mit einem Optimole-Server an. Dies kann die Bildbereitstellung auf Kosten von mehr HTTP-Anforderungen beschleunigen. Es ist kostenlos für bis zu 5,000 Besucher pro Monat und 19.99 $ für unbegrenzte Bilder.
Optimole ist insofern gut, als es die Bereitstellung von Bildern auf Ihren Webseiten übernimmt. Es ist nicht so gut, dass es Bilder für Ihre Webseiten liefert. Sie verlieren viel Kontrolle im Gegenzug für einen bescheidenen Leistungsgewinn.
Häufig gestellte Fragen zum Optimieren von WordPress-Bilder-Plugins
Gibt es ein kostenloses WordPress-Bildkomprimierungs-Plugin?
Ja, es gibt mehrere kostenlose WordPress-Bildkomprimierungs-Plugins, mit denen Sie die Dateigröße Ihrer Bilder reduzieren können, ohne die Qualität zu beeinträchtigen. Einige beliebte Optionen sind Smush, ShortPixel und Optimole. Diese Plugins sind Freemium, daher erhalten Sie normalerweise eine bestimmte Anzahl von Bildkomprimierungen kostenlos und dann mehr Optionen oder Nutzung als Teil eines Premium-Plans.
Wie optimiert man Bilder für das Web in Photoshop?
Führen Sie die folgenden Schritte aus, um Bilder für das Web in Photoshop zu optimieren. Ändern Sie zunächst die Bildgröße: Gehen Sie zu Bild > Bildgröße und stellen Sie die Abmessungen auf die gewünschte Größe für Ihre Webseite ein. Achten Sie darauf, das Kästchen „Resample Image“ zu aktivieren und wählen Sie „Bicubic Sharper“, um die besten Ergebnisse zu erzielen. Speichern Sie das Bild für das Web: Gehen Sie zu Datei > Exportieren > Für Web speichern (Legacy) und wählen Sie Ihr Dateiformat (JPEG, PNG oder WebP) und die Komprimierungseinstellungen. Verwenden Sie das Vorschaufenster, um verschiedene Komprimierungsstufen zu vergleichen und sicherzustellen, dass Ihr Bild gut aussieht und dennoch eine kleine Dateigröße hat. Verwenden Sie das richtige Dateiformat: Verwenden Sie für Fotos das JPEG-Format und für Grafiken oder Logos das PNG-Format oder WebP, das normalerweise für die meisten Arten von Bildern geeignet ist. Dadurch wird sichergestellt, dass Ihre Bilder für das Internet optimiert sind und schnell auf Ihrer Website geladen werden.
Wie optimiert man Bilder für WordPress ohne Plugin?
Um Bilder ohne Plugin für WordPress zu optimieren, kannst du diesen Schritten folgen. Ändern Sie die Größe des Bilds mit einem Bildeditor, um die Größe des Bilds auf die gewünschten Abmessungen zu ändern. Sie können Photoshop, GIMP oder einen anderen Bildeditor verwenden, mit dem Sie vertraut sind. Sie können das Bild mit einem Bildkomprimierungstool komprimieren. Es gibt viele kostenlose Online-Tools wie TinyPNG oder Kraken.io, die Ihre Bilder ohne Qualitätsverlust komprimieren können.
Optimieren von WordPress-Bildern
Die Bildoptimierung ist eine der wichtigsten Optimierungen, die Sie vornehmen können, um die Benutzerfreundlichkeit und Reaktionsfähigkeit Ihrer Website zu verbessern.
Da Geschwindigkeit alles ist, trägt die schnelle Bereitstellung von Seiten mit minimaler Verzögerung dazu bei, das Engagement zu verbessern, und wirkt sich auch auf Ihre SEO aus.
Da es so einfach ist, denken wir, dass jede Website eine Form der Bildoptimierung verwenden sollte.
Was denken Sie? Optimieren Sie Bilder? Welche Methode verwenden Sie?
Bitte kontaktieren Sie uns, wenn Sie Probleme im Zusammenhang mit dieser Website haben oder lass a nützlich Kommentieren Sie mit Ihren Gedanken und teilen Sie dies dann Ihren Facebook-Gruppen mit, die dies nützlich finden würden, und lassen Sie uns gemeinsam die Vorteile nutzen. Vielen Dank für das Teilen und nett zu sein!
Disclosure: Diese Seite enthält möglicherweise Links zu externen Websites für Produkte, die wir lieben und von ganzem Herzen empfehlen. Wenn Sie Produkte kaufen, die wir vorschlagen, können wir eine Empfehlungsgebühr verdienen. Solche Gebühren haben keinen Einfluss auf unsere Empfehlungen und wir akzeptieren keine Zahlungen für positive Bewertungen.
und viele mehr ...