WordPress beschleunigen Bildoptimierung

In den ersten beiden Teilen dieser Serie haben wir das Caching, die Datenbankoptimierung, die Komprimierung, die Minifizierung und die Verwendung eines CDNs auf unseren WordPress-Websites überprüft. In diesem letzten Teil werden wir über die Bildoptimierung und die Verwendung von WordPress mit gesundem Menschenverstand sprechen.

Lass uns anfangen!

Optimierung von Bildern in WordPress

Es ist sehr wahrscheinlich, dass Bilder auf Ihren Seiten die größten Assets auf Ihrer Website sind, die von Besuchern heruntergeladen werden. Wenn Sie darüber nachdenken, ist es offensichtlich, dass wir beim Hochladen und Verwenden von Bildern auf unseren Seiten klug sein sollten. Das bedeutet zwei Dinge: 

  1. Wir müssen Bilder sparsam verwenden.
  2. Wir müssen die Bildgrößen klein halten. 

Hier kommen Bildoptimierungstechniken ins Spiel.

In diesem Kapitel werden einige manuelle und automatische Methoden zur Bildoptimierung beschrieben.

Manuelle Bildoptimierung

Wenn Sie wie ich sind und so viel Kontrolle wie möglich über Ihre Bilder haben möchten, sollten Sie sie manuell optimieren. Es gibt buchstäblich Hunderte von Bildoptimierungsverfahren und -anwendungen für verschiedene Bildformate (meistens JPEGs und PNGs). Ich empfehle zwei:

  1. JPEGmini ist eine hervorragende Anwendung, die Ihre JPEGs mit einem intelligenten und verlustbehafteten Optimierungsalgorithmus optimiert. Es hat keine Einstellungen (was eine Schande ist), aber es macht einen wirklich guten Job, um die Dateigrößen zu reduzieren (mindestens 30%). Es ist in Windows- und Mac-Apps sowie in einem Webdienst enthalten.
  2. RIOT (Radical Image Optimization Tool) ist ein altes, aber sehr effektives Optimierungswerkzeug für Windows. Es kann JPEGs, PNGs und GIFs mit verschiedenen Algorithmen verarbeiten. Ich nutze es, um meine PNG-Dateien zu optimieren. Die Tools zur PNG-Optimierung sind zwar langsam (vor allem bei großen PNG-Dateien), erledigen jedoch die Aufgabe perfekt.

Persönlich arbeite ich lieber manuell als automatisch. Ich bereite und bearbeite meine Bilder in Adobe Photoshop, speichere meine Bilder "für das Web" in 100% Qualität, öffne dann JPEGmini für JPEGs und RIOT für PNGs, um die Dateigröße zu reduzieren.

Automatische Bildoptimierung mit WordPress-Plugins

Wenn Sie sich nicht mit all der manuellen Arbeit beschäftigen möchten, gibt es automatische Lösungen, die Sie verwenden können. Es gibt serverseitige Optionen wie Kraken PRO und JPEGmini Server, aber wir konzentrieren uns auf zwei sehr nützliche Plugins für den täglichen Gebrauch (oder sogar für einiges Heben):

  • WP Smush.it: WP Smush.it ist das beliebteste Bildoptimierungs-Plugin für WordPress und führt jedes über die Smush.it-API hochgeladene Bild automatisch aus und komprimiert Ihre Bilder mit einem verlustbehafteten Algorithmus. Sie können Ihre vorhandenen Bilder auch in großen Mengen optimieren, was ein großer Vorteil ist.
  • EWWW Image Optimizer: Obwohl es sicherlich eine exzentrische Wahl für einen Titel gibt, gefällt mir der EWWW Image Optimizer in Bezug auf die Bildoptimierung am meisten. Es funktioniert einwandfrei, aber Sie können einige erweiterte Einstellungen verfeinern, um das Beste daraus zu machen. Alle verwendeten Algorithmen (jpegtran, optipng, pngout und gifsicle) sind verlustfreie Algorithmen. Das bedeutet, dass sie keine Pixel ändern, sondern die Größe Ihrer Bilder reduzieren, indem Sie die Dateien neu codieren und bereinigen. Bilder werden möglicherweise nicht wie WP Smush.it optimiert. Wenn Sie jedoch verlustbehaftete Optimierungen nicht ertragen können, ist der EWWW Image Optimizer Ihr Typ.

Verwenden von WordPress mit Common Sense

Aktualisieren: Es scheint, dass Yahoo! Beibehaltene Smush.it gestoppt, sodass das Plugin Ihre Bilder ab Version 1.7.1.1 nicht komprimiert. Das Plugin wird jedoch nicht aufgegeben - die Entwickler des Plugins haben angekündigt, das Plugin zu reparieren:

Inoffiziellen, aber ziemlich verlässlichen Berichten zufolge hat Yahoo die Wartung von Smush.it eingestellt :(: Alles ist nicht verloren! Wir arbeiten hier bei WPMU DEV wie Maniacs, um Ihnen eine kostenlose, zuverlässigere und bessere kostenlose Smushing-Erfahrung unseres Profis zu bieten Version des Plugins und im nächsten Update eingepackt. Wir hoffen, dass es Ihnen sehr, sehr bald zur Verfügung stehen wird ... in der Zwischenzeit, bitte bleiben Sie bei uns, es lohnt sich, versprochen.

Selbst wenn Sie alle Ratschläge dieser Serie befolgen, jeden Code anwenden und jedes erwähnte Plugin verwenden, können Sie Ihre Website immer noch nicht beschleunigen. Deshalb ist dieser Abschnitt das wichtigste von allen: der gesunde Menschenverstand.

Was meine ich mit "gesundem Menschenverstand"? Meistens "vorsichtig und umsichtig sein", aber lassen Sie mich das näher ausführen.

Auswahl eines anständigen Hostinganbieters

Optimieren Sie Ihre Website nach Ihren Wünschen. Wenn die Leistung Ihres Servers jedoch schlecht ist, ist die Leistung Ihrer Website schlecht. Deshalb musst du klug wählen.

  • Prüfen Sie nicht nur, wie viel Gigabyte Speicherplatz und Bandbreite sie versprechen. Überprüfen Sie auch die Hardwarespezifikationen des Servers.
  • Wählen Sie ein Hosting-Paket, das zu Ihrer Website passt. Wenn Sie eine beliebte E-Commerce-Website haben, verwenden Sie kein gemeinsam genutztes Hosting-Paket.
  • Und am wichtigsten ist es, nach dem Internet zu suchen und einige Rezensionen des Unternehmens zu lesen: Wie sind ihre Betriebszeiten? Wie ist der Kundendienst??

Auswählen (oder Erstellen) eines hochwertigen WordPress-Designs

Ich habe viele WordPress-Themes gesehen - sowohl kostenlos als auch bezahlt -, die zwar schön aussahen, aber fabelhaft codiert waren. Gut aussehende, aber schlecht codierte WordPress-Motive sind möglicherweise eine der Hauptursachen einer langsamen WordPress-Website. Sie sollten sich entweder für ein Thema entscheiden, das die Leistung berücksichtigt, oder ein eigenes WordPress-Design erstellen (oder es erstellen lassen)..

Sie fragen sich vielleicht: "Wie soll ich wissen, wie optimiert ein Thema ist?" aber eigentlich ist es nicht schwer. Wählen Sie ein Design aus und scannen Sie die Demo-Seiten (nicht nur die Startseite!) In GTmetrix, um deren Google PageSpeed ​​und Yahoo! YSlow bewertet und wie effizient die Assets mit der Ansicht "Timeline" geladen werden. In Bezug auf die Serverauslastung müssen Sie nicht viel überprüfen, ob Sie sie nicht selbst testen können und Sie sich auf das Zwischenspeichern von Plugins verlassen müssen.

Reduzieren Sie Plugins

Dies ist ein Kinderspiel: Wenn ein Plugin Assets lädt oder Datenbankoperationen im Front-End durchführt, fragen Sie nach seiner Notwendigkeit. Wenn Sie es nicht wirklich brauchen, entfernen Sie es. 

Sie können auch einen Leistungstest für Plugins mit dem P3-Plugin (Plugin Performance Profiler) durchführen und sehen, welche Plugins eine Menge Ressourcen benötigen.

Halten Sie WordPress, Plugins und Designs sicher und auf dem neuesten Stand

Dies ist ein bisschen Klischee - deswegen ist es die letzte Information in dieser Serie - aber das bedeutet nicht, dass es falsch ist: Sie müssen, zu ... haben halten Sie alles auf dem neuesten Stand und sicher.

  • Um auf dem Laufenden zu bleiben, gibt es nicht viel zu sagen: Einfach aktualisieren.Wenn Sie auf dem neuesten Stand bleiben, kann Ihre Website beschleunigt werden, da Kern-, Plugin- und Designentwickler ständig daran arbeiten, ihren Code effizienter zu gestalten.
  • In Bezug auf die Sicherheit finden Sie verschiedene Sicherheits-Plugins in WordPress.org. Stellen Sie sicher, dass Sie sie überprüfen, ihre Bewertungen vergleichen und diejenige verwenden, die am besten zu Ihnen passt. Wenn Sie Ihre Website sicher halten, wird Ihre Website nicht beschleunigt. Sie kann jedoch die Geschwindigkeit Ihrer Website erhöhen, wenn (oder) wann) Ihre Website wird angegriffen.

Staffelfinale

Im Zeitalter der Information ist es wichtig, Informationen schnell zu liefern. Wir können nichts aushalten, was nicht schnell reagiert - wir haben das Gefühl, dass unsere Zeit verschwendet wird. Und wir reden hier von Sekunden und Millisekunden. Es ist nicht unbedingt eine gute Sache, aber in einer Welt wie dieser müssen wir es nach dem Buch spielen.

Es gibt viele Artikel über die Verbesserung der Geschwindigkeit in WordPress, aber ich wollte etwas anderes schaffen. Bei der Vorbereitung dieser dreiteiligen Serie hatte ich eines im Kopf: Schreiben immergrüner Inhalt auf die Beschleunigung von WordPress. Natürlich wird es bessere Plugins oder intelligentere Techniken geben, aber die Aspekte der Beschleunigung von WordPress sollten gleich bleiben - zumindest bis zum Eintritt in das Quantenalter. Ich hoffe, es hat dir so viel Spaß gemacht, wie ich es gemacht habe.

Hast du noch etwas hinzuzufügen? Teilen Sie uns Ihre Gedanken mit, indem Sie unten kommentieren. Und wenn Ihnen diese Serie gefallen hat, vergessen Sie nicht, die Artikel mit Ihren Freunden zu teilen!