Schnelleres WordPress durch kleinere Bilder
von caschy | 37 Kommentare
Vor kurzem dachte ich mal: hau deine ganzen Screenshots immer in den letzetn Teil deiner Beiträge, sodass die Startseite frei von dicken Grafiken bleibt. War keine tolle Idee, die Leute fanden es zu nackig und forderten die Bilder auf der Startseite zurück. Recht hatten sie, es sieht schon besser aus. Bilder haben natürlich einen Nachteil: in einer gewissen Größe (Abmessungen) und Qualität kommen natürlich einige Kilobyte zusammen sofern man in fast jedem Beitrag Bilder hat und zudem zehn Beiträge auf der Startseite hat. Mich selber stört das ja nicht, habe ja DSL 16000. Aber ich sollte ja auch mal an meine Leser denken, nicht wahr?
So ist es natürlich kein Wunder, dass das neue Speedtool der Google Webmaster Tools folgendes feststellt: „Im Durchschnitt benötigen Seiten auf Ihrer Website 11,6 Sekunden zum Laden (aktualisiert am 02.12.2009). Dies ist langsamer als 95 % der Websites. Das folgende Diagramm zeigt an, wie sich die durchschnittliche Ladezeit Ihrer Website in den letzten Monaten verändert hat. Zu Ihrer Information wird auch der 20%-Quantil aller Websites angezeigt, wobei die langsamen und schnellen Ladezeiten voneinander getrennt dargestellt werden“.
Arg langsam. Was tun? Auf Grafiken verzichten? Code aufwändig mit irgendwelchen Plugins komprimieren und mich freuen, wenn nichts mehr läuft? Jedes Bild zeitaufwendig (Zeit ist mein Luxusgut Nummer 1) komprimieren & justieren sodass ich mit dem Mix aus Qualität und Dateigröße zufrieden bin? Irgendeinen der zahllosen Onlinedienste beanspruchen, die mir meine Bilder komprimieren, dies aber wiederum auch von fragwürdiger Qualität und mit einem hohen Zeitaufwand?
Des Weiteren: wenn ich größere Bilder hochlade und im Blog skaliere, dann werden automatisiert Thumbnails erstellt. Wer optimiert diese?
Die für mich beste Lösung habe ich gestern im Blog von Guido Mühlwitz gefunden, dass ich jedem Webworker übrigens lesetechnisch ans Herz lege. WP-Smush.it heisst das Plugin für WordPress, welches automatisiert Bilder und Thumbnails komprimiert. Dazu zapft man die API von Yahoos Smush. it an.
Ganz rechts seht ihr die Arbeit, die WP-Smush.it verrichtet. Völlig automatisch natürlich. Sieht jetzt zwar nicht so viel aus, wird sich aber läppern. Ich versuche in Zukunft nun mal meine Bilder bereits lokal ein wenigen zu verkleinern, den Rest soll WP-Smush.it erledigen. Mal sehen was der Speedtest dann mal in einem Monat sagt. Übrigens: wer einen Fehler bei WP-Smush.it (kann man sehen, wenn man in der Mediathek von Hand „smusht“) angezeigt bekommt, der sollte die Datei wp-smushit.php öffnen und die Anweisungen von Dominik befolgen.
Wird geladen ...
@Sergej: wie ich oben schrieb, bearbeite ich bereits mit ImageOptim. Muss aber erst einmal 2009 mit Einzelordnern machen. Hatte mal mehr reingepackt, da ist es abgeranzt. Mal sehen was mit pre2009 ist, da landete ALLES in uploads 🙁
@caschy
Achso, hab nicht jeden Kommentar durchgelesen 😉
Läuft ImageOptim unter Snow Leopard?
Jau, works like a charme 🙂
Ich benutze wp-smush.it auch schon länger,
bin aber nicht ganz zufrieden mit dem Plugin.
Es kann sehr, sehr oft die Bilder nicht optimieren,
auch nach manuellen wiederholten Versuchen…
Danke für den Verweis auf dieses Plugin. Habe zwar noch keinen Blog, bin aber gerade dabei, einen vorzubereiten bzw. mich auf die Arbeit mit WP vorzubereiten. Das kann sicherlich nützlich sein. 🙂
Bei mir hat das Plugin noch nie funktioniert.
Für Windows gibt es das hier
http://luci.criosweb.ro/riot/
Läuft als Standalone oder als Plugin für IrfanView oder Gimp.
Unter IrfanView steht dann Speichern fürs Web
Die Webmaster Tools probiere ich am WE mal aus. Bisher orientiere ich mich immer an ismyblogworking.com *g* Aber so stark achte ich da nicht drauf… Hält sich ja alles im Rahmen 🙂
Ich geh anders vor, ist bissl mehr arbeit, aber soviel Zeitaufwändiger auch wieder nicht.
Bild mit Irfanview aufmachen, auf gewünschte Thumbnailgröße verkleiner, als Thumbnail speichern. Maximal 10-25kb bei mir.
Normales Bild über WordPress auf Serverablegen, als Backup. Thumbnail bei imagehost.org ablegen, originalbild bei Abload.de ablegen.
Thumbnail im Blog verlinken, Originalbild auf Thumbnail verlinken. Alternativ kann man das Originalbild vom Server aus verlinken, jedem das seine.
@caschy: Welches Pendant (Gegenstück) zu ImageOptim nutzt bzw. bevorzugst du auf deinen Windows-Rechnern? Mit IrfanView bin ich nicht besonders und mit Paint überhaupt nicht zufrieden. Danke im Voraus.
All Tools – All See kann ich unter Windows empfehlen
http://www.altools.com/ALTools/ALSee.aspx
hatte aber auch eine zeitlang mal ein Tool für das Kontextmenu, das war auch super.
cool vielen dank. ich habe angefangen cover zu posten. bei einem langsamen inet zugang öffnen die sich sehr langsam. mal schauen, ob es besser wird.
das erinnert mich an die www Anfänge – Bilder klein halten – damals war 56k Modems voll schnell- das waren Zeiten:) na ja – mittlerweile werden Blogs mit Surfsticks „gelesen“ daher muß alles wieder klein werden:)))
Hab das Plugin auch schon ne Weile drin, aber irgendwie funktioniert es nicht. Den Fix hab ich auch schon eingespielt. Wenn ich es manuell probiere passiert gar nichts. Fliegt es eben wieder raus.
um pngs zu optimieren verwende ich pngout.
http://advsys.net/ken/utils.htm#pngout
Du könntest beispielsweise statt die letzen 10 die letzten 5 Artikel auf der Startseite anzeigen lassen.
Ansonsten finde ich dein Blog gar nicht so langsam.
Jetzt erst dazu gekommen, mein Blog auch mal auf die Ladezeit hin zu testen, selbes Ergebnis wie Du Caschy.
Werde also nun auch mal WP-Smush.it ausprobieren.