In diesem Beitrag erfahren Sie, wie Sie Ihre Website beschleunigen, indem Sie Bilder automatisch in Webp konvertieren. Wenn es das Geschwindigkeitsproblem Ihrer Website nicht lösen konnte, sollten Sie vielleicht den Kauf eines CDN in Betracht ziehen.
Einer der wichtigsten Faktoren jeder Website ist die Geschwindigkeit, auch wenn Sie einen dedizierten Server haben. Anscheinend haben Skripte, Bilder, Videos, Designs usw. alle Auswirkungen auf den Server und auf die Geschwindigkeit Ihrer Website. Als Google letztes Jahr ankündigte, dass die nächste Generation von Bildern für das Web webp anstelle von JPG und PNG ist, hat jede Website ihre Website auf dieses Format aktualisiert. Und bei weitem habe ich auch diese Formate verwendet, und es ist bei weitem eine der erstaunlichsten Methoden, die dazu beitragen können, die Anzahl der Bilder erheblich zu verringern, ohne die Bildqualität zu beeinträchtigen. Sie haben also zwei Möglichkeiten, entweder Sie müssen ein Webp-Bild manuell in Ihre Website hochladen, oder Sie müssen alle aktuellen Bilder Ihrer Website in das Webp-Format konvertieren. Was ist die Wahl für Sie.
Es gibt zwei Möglichkeiten:
- Wenn Sie von Anfang an eine neue Website erstellen, müssen Sie mit dem Hochladen von Webp-Bildern beginnen.
- Oder Sie können das WordPress-Plugin installieren, um diese Bilder automatisch in die nächste Generation von Bildern zu konvertieren, die als webp bekannt sind.
Keine Sorge, Sie müssen keine einzige Münze bezahlen, um Ihre Bilder in WebP umzuwandeln, es sei denn, Sie haben ein kleines Unternehmen oder ein Großunternehmen. Auch wenn Sie eine Website wie CNET, Business Insider oder How to Geek betreiben, sollten Sie den Kauf eines Plugins in Betracht ziehen, das automatisch alle Bilder in das Webp-Format konvertieren kann.
Was ist WebP?
Es ist ein von Google entwickeltes Bildformat, das eine verlustbehaftete Komprimierung verwendet, um die Dateigröße zu reduzieren, ohne an Qualität zu verlieren. Im Moment wird es von jedem Browser wie Google Chrome, Firefox, Safari, Opera und Microsoft Edge unterstützt.
Es gab ein Ziel, das Google im Webp-Format entwickelt hat. Das Ziel war es, ein Bildformat zu schaffen, das gleichzeitig qualitativ hochwertige Bilder mit einer geringeren Dateigröße als die anderen Bildformate liefern kann. Am Ende nannten sie es Webp, das dieses Ziel einfach durch die Verwendung verlustbehafteter Komprimierungstechniken archivierte. Es kann die Datenmenge reduzieren, die über das Netzwerk übertragen werden muss.
In einfachen Worten, wenn ich sagen muss, das Endergebnis ist, dass das Bild JPEG und PNG zu 100 % ähnlich sieht, aber nicht identisch ist, und gleichzeitig weniger Speicherplatz auf Ihrer Website benötigt als die anderen Bildformate.
Wie beschleunigen Sie Ihre Website, indem Sie Bilder automatisch in Webp konvertieren?
Da Google kein offizielles Plugin für WordPress-Websites angekündigt hat, um Bilder automatisch in Webp umzuwandeln, müssen Sie Plugins von Drittanbietern verwenden. Anscheinend gibt es viele Plugins auf dem Markt, aber das eine, das ich empfehle, heißt imagify und wird vom WP-Raketenteam erstellt. Auch wenn Sie ein Open-Source-Plugin oder ein anderes Plugin im Sinn haben, das viel besser als dieses Plugin ist, lassen Sie es mich im Kommentarbereich wissen, ich werde es gerne überprüfen und in diesen Beitrag einfügen.
Schritte zum automatischen Konvertieren Ihrer Website-Bilder in Webp
Schritt 1. Melden Sie sich mit Ihren Zugangsdaten auf Ihrer Arbeitsplatz-Website an.
Schritt 2. Gehen Sie zum Plugin-Bereich und klicken Sie auf Neu.
Schritt 3. Suchen Sie nach dem Plugin namens imagify, installieren Sie es und aktivieren Sie dann das Plugin.
Install Imagify Plugin on your WordPress Website" data-medium-file="https://www.wikigain.com/wp-content/uploads/2022/08/Install-Imagify-Plugin-on-your-WordPress-Website.jpg" data-large-file="https://www.wikigain.com/wp-content/uploads/2022/08/Install-Imagify-Plugin-on-your-WordPress-Website.jpg" loading="lazy" class="size-full wp-image-27995" alt="" width="570" height="337"/>
Installieren Sie das Imagify-Plugin auf Ihrer WordPress-Website
Schritt 4. Sobald das Plugin aktiviert ist, sehen Sie oben auf Ihrer Website einen großen Hinweis. Sie müssen auf Anmelden klicken, es ist kostenlos.
Sign up for Imagify" data-medium-file="https://www.wikigain.com/wp-content/uploads/2022/08/Sign-up.jpg" data-large-file="https://www.wikigain.com/wp-content/uploads/2022/08/Sign-up.jpg" loading="lazy" class="size-full wp-image-27996" alt="" width="1150" height="241"/>
Melden Sie sich bei Imagify an
Anschließend müssen Sie Ihre E-Mail-Adresse eingeben.
Insert Your Email Address" data-medium-file="https://www.wikigain.com/wp-content/uploads/2022/08/Insert-Your-Email-Address.jpg" data-large-file="https://www.wikigain.com/wp-content/uploads/2022/08/Insert-Your-Email-Address.jpg" loading="lazy" class="wp-image-27999 size-full" alt="Beschleunigen Sie Ihre Website, indem Sie Bilder in Webp konvertieren" width="494" height="294"/>Schritt #5. In dem Moment, in dem Sie Ihre E-Mail-Adresse eingegeben und die Anmeldung überprüft haben, sendet Ihnen die Bilddatei einen API-Schlüssel an Ihr E-Mail-Konto. Sie müssen den Posteingang Ihrer E-Mail öffnen und den API-Schlüssel kopieren.
Copy the Imagify API Key" data-medium-file="https://www.wikigain.com/wp-content/uploads/2022/08/12.-Copy-the-Imagify-API-Key.jpg" data-large-file="https://www.wikigain.com/wp-content/uploads/2022/08/12.-Copy-the-Imagify-API-Key.jpg" loading="lazy" class="wp-image-28001 size-full" alt="Beschleunigen Sie Ihre Website, indem Sie Bilder in Webp konvertieren" width="809" height="423"/>Schritt #6. Gehen Sie nach dem Kopieren des API-Schlüssels zurück auf die Website und erneut auf Ich habe den API-Schlüssel im Hinweisbereich. Geben Sie den API-Schlüssel ein und klicken Sie auf „Verbinden“.
Connect Me" data-medium-file="https://www.wikigain.com/wp-content/uploads/2022/08/11.-Connect-Me.jpg" data-large-file="https://www.wikigain.com/wp-content/uploads/2022/08/11.-Connect-Me.jpg" loading="lazy" class="wp-image-28000 size-full" alt="Beschleunigen Sie Ihre Website, indem Sie Bilder in Webp konvertieren" width="482" height="291"/>Schritt Nr. 7. Sobald die Verbindung hergestellt ist, können Sie entweder über den Hinweisbereich oder über das linke Bedienfeld Ihrer WordPress-Website zu den Einstellungen gehen. In beiden Fällen können Sie die Einstellungen konfigurieren oder die Standardoptionen verwenden.
Imagify Settings" data-medium-file="https://www.wikigain.com/wp-content/uploads/2022/08/Imagify-Settings.jpg" data-large-file="https://www.wikigain.com/wp-content/uploads/2022/08/Imagify-Settings.jpg" loading="lazy" class="wp-image-28003 size-full" alt="Beschleunigen Sie Ihre Website, indem Sie Bilder in Webp konvertieren" width="1148" height="607"/>Schritt #8. Sobald Sie die Einstellungen von imagify auf Ihrer Website installiert und konfiguriert haben, beginnt es automatisch mit der Konvertierung Ihrer Bilder in webp. Und jetzt werfen Sie einen Blick auf das folgende Foto. Sie werden feststellen, dass die tatsächliche Größe dieses Fotos 124 KB beträgt, aber nach der Komprimierung beträgt die neue Bilddateigröße 47 KB, ohne dass die Qualität verloren geht.
Before and After" data-medium-file="https://www.wikigain.com/wp-content/uploads/2022/08/Before-and-After.jpg" data-large-file="https://www.wikigain.com/wp-content/uploads/2022/08/Before-and-After.jpg" loading="lazy" class="wp-image-28002 size-full" alt="Beschleunigen Sie Ihre Website, indem Sie Bilder in Webp konvertieren" width="889" height="626"/>Fazit:
Es ist wichtig, die Einstellungen Ihrer Website immer entsprechend zu konfigurieren Google Seitengeschwindigkeit im Inneren Das ist richtig, da unsere Websites größtenteils auf der Suchmaschine von Google archiviert sind. Wenn die Bildkomprimierung das Geschwindigkeitsproblem Ihrer Website letztendlich nicht verringern kann, müssen Sie ein CDN (Content Delivery Network) für Ihre Website erwerben.
Sehen Sie sich das Video auf YouTube an:
https://youtu.be/kk7b1FN5ZjI
