neue Caching anforderungen für meinen Server

Wie Ihr ja aus dem Artikel auf meiner Familienseite “Die Waldstädts” erfahren habt, wurden meinen Gastbloggern auf waldstaedts.com je einen eigenen Domain auf Weihnachten geschenkt. Die liebe Nixe bekam nixesblog.ch und der Milli hat millilsblog.ch.

Diese Blogs werden auch auf meinem Server mittels Virtual Host geführt. Dies hatte aber die Auswirkung das WP Super Cache, welches ich nach wie vor für eines der besten Plugin halte, nicht mehr mit der gewünschten Performance arbeiten konnte. Also was tun ? Natürlich probieren, Testen und eine Alternative suchen.

Diese Alternative habe ich auch gefunden. Und zwar mittels Batcache und APC Object Cache Backend.

Das interessante an Batcache ist, das sich das Plugin erst ab einen definierten anzahl Bescuhern einschaltet. Das bedeutet, erst der dritte Besucher zur selben Zeit erhält eine 300 Sekunden Gültige “statische” Seite angezeigt. Somit wird der Server CPU und die db abfrage extrem minimiert und die Seite bleibt eigentlich Dynamisch.

Also, wenn Ihr mehr als einen Blog auf dem selben Server hostet versucht mal die Kombination…..Ich bin mehr als zufrieden…die CPU Auslastung liegt nun wieder sehr tief und die Blog Responding time auch nicht schlecht.

Aber wie bereits oben erwähnt, wenn Ihr nur einen Blog hostet, ist WP Super Cache nach wie vor das Ding aller dinge…

An dieser stelle möchte ich nun noch

Andy Skelton für BatcacheMark Jaquith für APC Object Cache Backend und Donncha O Caoimh für WP Super Cache

 

WordPress Performance – Deutsches Backend langsamer als Englisches

Bei TalkPress habe ich einen Artikel gefunden, in dem ein kleines Experiment beschrieben wird:

Ein englischer WordPress-Blog wurde einem komplett identischen deutschen WordPress-Blog gegenübergestellt und hinsichtlich der Geschwindigkeit getestet.

Das Ergebnis:

Die deutsche (und ansonsten identische WordPress-Version) ist rund 44% langsamer! Und der verbrauchter Speicher (wichtig für die Performance) ist um ca. 5 – 8 MB grösser als die original Englische Version…

Was wurde getestet:

Es wurden zwei identische Blogs mit jeweils 10 Artikeln und dem WordPress-Standardtheme “TwentyTen” getestet, die sich einzig in der verwendeten WordPress-Sprache unterschieden – ein Blog war englisch, einer deutsch.  Es wurde das Frontend (die Homepage/Startseite), das Backend (Admin-Dashboard) und der RSS-Feed untersucht.

Es waren keine Plugins installiert und auch sonst wurden keine weiteren Änderungen vorgenommen. Die exakte Messmethode mit allen technischen Details und verwendeten Programmen, findet Ihr direkt im TalkPress-Artikel.

Die genauen Ergebnisse:

Der Aufruf des deutschen Frontend war rund 44% langsamer als bei der englischen Version. Das Backend war rund 30% langsamer und der Feed ganze 62%! Diese Ergebnisse sind zwar etwas mit Vorsicht zu genießen, da sie nur auf einem System erhoben und auf einem zweiten Rechner auf Plausibilität geprüft wurden. Um wirklich ein stichhaltiges und objektives Ergebnis zu erhalten, müssten wesentlich mehr Testläufe unter verschiedenen Systemen durchgeführt werden.

Doch einen ersten Anhaltspunkt liefert das Ergebnis allemal.

Und was bedeutet das jetzt:

Es ist ernüchternd. Da kämpft man als Blogger mit zig Cache-Plugins und versucht an allen Ecken und Enden durch diverse Optimierungsmaßnahmen noch die eine oder andere Millisekunde im Blog-Aufbau herauszukitzeln – und dann das. Cache-Plugins z.B. können an diesem grundsätzlichen Leistungsproblem der deutschen WordPress-Version nichts ändern. Und so muss man sich als Blogger schon fragen, welche Bemühungen denn unter dem Licht dieser Ergebnisse überhaupt noch sinnvoll sind und welche nicht.

Lösung (provisorisch)

Auf TalkPress werden einige Denkansätze diskutiert…..

Ich habe nun hier auf waldstaedts.com einfach WordPress auf die englische Version umgeschaltet. Das heist, in der wp-config.php habe ich die de_DE definition im ” define ( ‘ WPLANG ‘ , ‘ de_DE ‘ ) ; ” gelöscht.

Klar: Entweder kennt man sich dazu schon hinreichend in WordPress aus, so dass einen die englischen Begriffe im Admin-Bereich nicht weiter stören oder (noch besser) man beherrscht hinreichend gut die englische Sprache. Und meine Blogger auf waldstaedts.com werden sich schon an die Umstellung gewöhnen ;-) Sorry Jungs (Milli) und Mädels (Nixe)….

Das Backend ist also gar nicht mal so ein großes Problem. Aber was ist mit dem Frontend, immerhin möchte man ja nicht, dass die Besucher plötzlich eine englische Seite sehen. Daher habe ich mir die mühe gemacht, und im Theme Code rumgebastelt und alle Englischen Zeilen auf Deutsch Übersetzt….Falls Ihr aber doch was Englsiches findet, was eigentlich Deutsch sein sollte, geb mir doch via Kommentare bescheid…..Danke

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.

 

 

Mehrere Bildgalerien in ein WordPress Artikel

Seit WordPress 2.9 ist es möglich und zwar mit dem folgenden Code:

[ gallery include="194, 193" ] oder [ gallery exclude="194, 193" ]

Die Zahlen stehen dabei für die ID des jeweiligen Bildes. Diese erscheint in der Statusleiste des Browsers, wenn man in der Medienübersicht mit der Maus über das entsprechende Bild fährt.

Man lädt also, wie gehabt alle Bilder hoch und ergänzt dann den Code mit den entsprechenden IDs der gewünschten oder nicht gewünschten Bilder. Man muss die Bilder verschiedener Galerien also nicht mehr auf unterschiedliche Artikel verteilen, wie noch in dem Artikel von perun.net Eine WordPress-Galerie anpassen beschrieben. Continue reading

WordPress Caching

So, nach dem ich mich nun daran gemacht habe, die Performence des Blog zu verbessern bin ich auch einer Plugin Combo hängen geblieben. Hier auf Waldstaedts.com läuft zur Performence verbesserung

WP-Minify + DB Cache Reloaded + Hyper Cache

Der erste Versuch über ein paar Tage habe ich natürlich mit WP Super Cache gemacht. Hier ergab sich aber das Problem, das mod_expires nicht installiert ist und daher jeweils auf der Dasboardseite ein Warnhinweis diesbezüglich stand. Und das hat doch ziemlich genervt. Nicht desto trotz konnte der FullPageLoad von 9 sek auf 7 Sekunden schrumpfte.

Also, liess ich mal, nach dem ich endlich das Plugin WP Super Cache komplett deinstalliert habe ( was nicht mal so einfach war…..schlecht für den Entwickler) verscuhte ich es ein paar Tage mit dem W3 Total Cache, welches nicht nur statische Seiten produziert, sonder auch so ziemlich alles abdeckt, was mit Performence zu tun hat. Es kann Minify von HTML, CSS und JS. DB Caching, CDN. Alles kann man via Disk cachen oder aber auch alternativen, wie PHP,APC XCache Memcache etc…

Leider hat das Plugin ein paar andere Plugins, allen voran das Lightbox zerschossen :-( und teilweise verlangsamte es den Seitenaufbau auch erheblich. Darum weg damit, obwohl in der Entwickler erhebliche verbesserungen verspricht. Aber nur bei Voller Configuration und diese ist nicht ganz so einfach und dafür habe ich keine Zeit ;-)

Gewaltig fand ich dan schon Hyper Cache, upload – unzib- activating und satte 3 sekunden :-p . Und mit den erwähnten zusätzlichen Plugins WP-Minify und DB Cache Reloaded sieht das ganze dan so aus

Falls Ihr Probleme mit Darstellung und Performence habt, meldet Euch doch schnell mittels Kommentar bei mir….

Ach ja, und ein Dank an Stefano Lissa dem Entwickler von Hyper Cache !!

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.