Oftmals sind unsereWordPressOffene Geschwindigkeit ist sehr langsam, ist aufgrund der Web-Seite in das Bild ist zu viel, selbst der Server-Bandbreite ist nicht genug, um diese Situation führen, und dann eine Überprüfung, die Web-Seite in das Bild ist zu groß, jedes Bild ist eine große Hunderte von K, oder sogar 1-2M, öffnen Sie die Web-Seite auf die Website, um diese Bilder zu laden, stark reduziert die Web-Seite, um die Geschwindigkeit zu öffnen, so dass zu diesem Zeitpunkt wählen wir, um das Bild zu optimieren, reduzieren Sie die Größe des Bildes der Art und Weise zu beschleunigen die Website.
Hier werden wir ein neues Bildformat einführen, das webp-Format.
WebP ist ein modernes, von Google entwickeltes BildformatEs wurde entwickelt, um kleinere Dateigrößen und eine höhere Bildqualität zu erzielen. Es unterstützt sowohl verlustbehaftete als auch verlustfreie Komprimierungstechniken und ermöglicht Transparenz und Animation. Im Vergleich zu den herkömmlichen Formaten JPEG und PNG kann WebP die Dateigröße bei gleichbleibender Bildqualität erheblich reduzieren.
Der Vorteil von webp ist also, dass die Qualität des Bildes nicht beeinträchtigt wird, aber die Bildgröße ist kleiner.
Als Nächstes stellen wir Ihnen vor, wie Sie alle Bilder einer Website in das webp-Format konvertieren können.
1, vor allem werden wir in der Website-Verzeichnis aller Bild-Anhänge in Webp-Format, im Hintergrund zu finden, Bilder zu Webp-Plugin, und installieren Sie die
Plugin installiert Wir fügen dann den entsprechenden Code in Übereinstimmung mit den Anweisungen des Plugins, nach der Freigabe, sonst wird die Freigabe einen Fehler melden.
2, fügen Sie den für das Plugin benötigten Code hinzu:
Erster Code:
map $arg_no_webp $no_webp{
default "";
"1" "no_webp".
}
map $http_accept $webp_suffix{
default "";
"~*webp" ".webp";
}
Starten Sie Nginx neu, nachdem Sie das erste Stück Code hinzugefügt haben.
Öffnen Sie nun die Konfiguration der Website und fügen Sie ein weiteres Stück Code hinzu.
Zweiter Code:
Standort ~* ^/. +\. (png|gif|jpe?g)$ {
add_header Vary Accept.
try_files $uri$webp_suffix$no_webp $uri =404;
}
An diesem Punkt, das Plug-in erforderlichen Code, alle hinzugefügt, um zu vervollständigen, und dann kehren wir auf der Website-Hintergrund-Plug-in-Management, starten Sie Bilder zu Webp Plug-ins.
Warten Sie auf die Aufforderung zur Fertigstellung (wenn Sie Website mehr Bilder, warten Sie bitte geduldig, Konvertierung dauert seine Zeit, kann zehn Minuten, oder 1-2 Stunden), so weit, alle Bilder von Ihrer Website in webp-Format, das Bild Volumen ist kleiner.
Hier öffnen wir die Website zu testen, die Wirkung (öffnen Sie die Seite drücken Sie F12, wählen Sie Netzwerk, können Sie sehen):