Bild optimierung für WordPress – die zweite

In aller Regel, muss man ein Bild zuerst optimieren bevor man es in ein Blogartikel veröffentlichern kann.  Die muss oder sollte aus verschiedenen Gründen gemacht werden.

  1. Macht ein Bild in höchster Auflösung absolut keinen Sinn im Web
  2. Leiden die Ressourcen auf jedem Server
  3. Verbraucht es unnötig Speicher

Kommt hier auf retowaldmann.ch noch dazu, das Wir ein self-hosted Projekt mit insgesamt 4 Websiten sind und keine Mega Standleitung zu unserer Synology DS1010+ haben. Sondern das ganze auf einem “normalen” Swisscom DSL anschluss läuft. Somit bin ich stehts an Optimierung dran und versuche auch sämtliche möglichkeiten voll auszuschöpfen. Aber dazu gibt es demnächst noch andere Artikel dazu….

Da Wir auf waldstaedts.com auch Gast Autoren haben und die Performance des Blog in meiner Verantwortung liegt, musste eine Lösung für die Bildoptimierung her, die den Blogger nicht gross zu beschäftigen hat.

Nach kurzer suche habe ich mich dazu entschlossen, dem WordPress Plugin Scissors Continued einen Test zu unterziehen.

Folgende Schritte werden direkt beim Hochladen von Bildern durchgeführt: (auf waldstädts.com)

  • Bild Grösse wird auf max. 800 x 800 px angepasst
  • sämtlich Thubmanils 250 x 250 px, 125 x 125 px werden Erstellt

Wie gesagt, werden diese Schritte bereits beim Hochladen ausgeführt, somit kommt auch niemals ein Bild mit x MB auf dem Server an, was deutlich Speicherplatz spart….

Zusätzlich könnte das Plugin beim Hochladen auch ein Wasserzeichen setzten, etc…

Sämtliche Bildbearbeitungen können auch direkt in der Mediatheke durchgeführt werden, den das Plugin integriert sich absolut nahtlos in die WordPress Gallery ein.

Das Plugin lässt auch die Möglichkeit offen, ein Bild unbearbeitet hochladen und dieses dann in der Original Version auf der Seite zu haben…..

Soweit so gut, somit haben wir dank dem WordPress Plugin Scissors keine unnötig grossen Bilder auf dem Server….und mit dem WP Smush.it Plugin  sind nur absolut optimierte Bilder auf waldstaedts.com zu finden.

Und dies ganz ohne viel Arbeit, sondern zu 99% automatisch.

 

WordPress Bild Optimierung mit WP Smush.it

Eine zu langsame Webseite zieht nicht gerade viele Besucher an. Doch, mit wenigen Mitteln kann man seine Webseite speziell seinen Blog beschleunigen. Dies kann man unter anderem durch das Verkleinern von Bildern erreichen.

Dies kann man sehr einfach mit dem WordPress Plugin WP Smush.it machen. Dabei werden die Bilder an den Dienst Smush.it von Yahoo gesendet, welcher nicht benötigte Bytes entfernt, sodass die Bilder ohne Qualitätsverlust verkleinert werden.

Die Bilder werden automatisch beim Hochladen in die Mediathek an Smush.it gesendet. Auch können sie später manuell an Yahoo gesendet werden,  für den Fall das es mal nicht geklappt hat…

In den Einstellungen kann auch festgelegt werden, was mit GIF-Dateien geschehen soll. Diese können automatisch in PNG-Dateien umgewandelt werden, wenn Smush.it dies vorschlägt:

Der geniale Teil dieses Plugins liegt auch an der Möglichkeit, die bereits Hochgeladenen Bilder Nachträglich an Smush.it zu senden und somit sämtliche Bilder in der Mediatheke zu Optimiren.

Mein Fazit:

Das Veröffentlich geht zwar ein wenig länger, da die Bilder zuerst an Smush.it gehen, optimiert werden und danach erst in der Mediatheke hochgeladen werden….dafür ist die Seite aber auch um einiges schneller und auf GTmetrix.com beim YSlow wert auf satte 88% :-P

 

Demnächst, Erkläe ich euch, wie ich von HyperCache&Co Richtung W3 Total Cache umgezogen bin…und Stelle euch das Plugin Scissors vor. Auch ein Plugin für Bildbearbeitung innerhalb WordPress.

 

 

NextGen-Gallery

Nach dem ich lange an der Gallery2 gearbeitet habe und diese mittels WPG2 Plug-In in den Blog eingebunden hatte war ich sehr enttäuscht über die Performance des OpenSource Flaggschiffes im Photo Präsentation Marktes. Es dauerte ewig bis die Seiten Geladen waren, auch das rumbastel an den Codes und Datenbank abfragen brachte nicht die erhoffte Verbesserung. Vielleicht wird dies ja mit der Gallery3 besser. Versprochen wurde es jedenfalls und ich werde diese Entwicklung sicherlich im Auge behalten.

Zum jetzigen Zeitpunkt jedenfalls geht nach etlichen versuchen nichts über die NextGen-Gallery von Alex Rabe !

Danke für dieses Geniale WordPress Plug-In…

Einige Anwender dieses Plug-In haben vor allem positiv bewertet, das man keine Seiten oder Artikel in wordpress extra erstellen muss um die Bilder zu Präsentieren. Ich persönlich bin jedoch Dankbar das der Entwickler beides mit seinem Plug-In zulässt.

So hat man die Wahl im Backend  die Seitenverzweigung zu aktivieren oder deaktiviert zu lassen.

Im SEO sinne ist jedoch eine Aktivierung der Seitenverlinkung sicherlich die gute variante.

Auch ist eine einfache und wirklich gute Erklärung über die Möglichkeiten und die Installation selber auf dem Web erhältlich. Geschrieben wurde diese auf Curlyrob

Auch interessant ist die entwicklerseite selber: http://nextgen-gallery.com/ hier findet man die verschiedensten Varianten wie man Bilder Alben oder Galerien in Artikel einbinden kann.