Performance Optimierung - Ich bin doch nur ein Noob

Liebe WP Community,

ich habe mir kürzlich ein neues Theme gekauft, das super zu unserer Seite passt. Es ist das Gauge Theme von GhostPool. Eigentlich sind wir mit der Funktionalität und den Features des Themes sehr zufrieden, aber seit Dienstag, als wir es eingespielt haben, sind uns Performance Probleme aufgefallen. Die Seite braucht viel länger zum aufbauen, als noch das alte Theme. Da wir das neue Theme unbedingt weiter verwenden wollen, habe ich mich seit Dienstag mit der Materie von Performance Optimierung beschäftigt und bin hoffnungslos überfordert....

Es handelt sich um diesen Blog:

http://www.anibusters.com

Ich habe jeweils bei 3 verschiedenen Seiten Scannern einen Test gemacht und alle sagen dasselbe: Da ist noch sehr viel Luft nach oben. Google Pagespeed sagt mir, ich hätte noch folgende Baustellen:

1. Bilder Optimieren (habe ich mit EWWW Image Optimizer schon versucht und eine Verbesserung festgestellt, aber es ist immer noch sehr viel Luft nach oben da...Smush.it hingegen funktioniert nicht wirklich bei mir und gibt mir bei 95% meiner Bilder eine Fehlermeldung aus... )

2. Browser Caching nutzen (Ich habe Cachify installiert aber anscheinend muss mein Hoster - hoststar - einige Funktionen unterstützen und ich müsste Einstellungen am Server vornehmen. Ich werde mich am Montag mit Hoststar in Verbindung setzen und sie um Hilfe bitten)

3. JavaScript und CSS-Ressourcen, die das Rendering blockieren, in Inhalten "above the Fold" beseitigen

Hierbei dreht sich bei mir der Magen um. Alleine in diesem einen Satz habe ich so viele Fragezeichen, dass ich nicht weiss, wo Oben und wo unten ist.

4. Komprimierung aktivieren

Scheint wieder eine Sache zu sein, die mein Hoster tun muss. Werde ich auch am Montag abklären.

5. JavaScripts reduzieren

Würde mir lediglich 3% weniger Daten bescheren, weshalb ich dem erst mal keine Priorität zuschiebe.

6. CSS reduzieren

17% weniger...okay, muss ich im Auge behalten, habe mich aber noch nicht informiert wie ich das anstellen soll

7. HTML reduzieren

14% weniger. Dasselbe wie bei CSS...

So, jetzt fragt ihr euch bestimmt, was ich von euch will? HILFE! Ich habe für mich zwei potentielle Vorgehensmöglichkeiten festgelegt:

1. Ich finde eine nette Seele die sagt, "Ich habe das schon 100 Mal gemacht und kann das alles wie im Schlaf...Ich erbarme mich dieses kleinen Häufchen Elends und helfe ihm".

2. Ihr empfehlt mir einen Profi, der seine Dienste anbietet und für einen vernünftigen Preis meine Seite auf Performance optimiert (max.250 Euro, mehr auszugeben wäre für mich nicht vernünftig, da die Seite eigentlich nur ein Fanprojekt ist und kein Geld abwirft...).

Ich bin jetzt, nach 4 Tagen intensiver Auseinandersetzung mit WP Performance Optimierung, an dem Punkt angelangt, dass ich am liebsten meinen PC aus dem Fenster schmeissen würde, obwohl der arme Kerl nichts dafür kann. Ich bin - wie ihr vielleicht erraten konntet - ein Leihe und diese Seite ist eine Fanseite, bei der ich mich lieber um Contentproduktion kümmern möchte und nicht um JavaScripts. Bisher konnte ich mithilfe von Google alles einigermassen managen, aber beim Themenkomplex Performance kommen immer wieder neue Fragen und Probleme auf, bei denen mein Leihenwissen an seine Grenzen stösst. Ich hoffe ihr könnt mich in der einen oder anderen Form bei der Sache unterstützen?

Cheers,

Boki

Gut möglich, ka. Aber einige User berichten schon, dass die Seite etwas lange braucht, bis sie geladen wird. Zumindest das erste mal, bis alles im Cache ist. Ich will einfach nicht, dass wir potentielle LeserInnen verlieren, nur weil ihr erster Eindruck von der Seite negativ ist, da sie zu lange lädt :/

Zitat von r23

[COLOR=#333333]Was erwartest du?[/COLOR]

Die Frage ist nicht was ich erwarte, sondern wie ich die Sache ändere. Ich selber bin mit meinem nicht vorhandenen Fachwissen überfordert und frage deshalb nach Hilfe. Konkret brauche ich jemanden, der sich mit der Materie wirklich auskennt und sich Zeit nimmt, mir verständlich zu erklären welche Dinge ich unmittelbar in Angriff nehmen sollte und welche nicht. Und mir erklärt auf welche Art ich das am besten anstelle. Wenn ich Dinge höre wie "Defer parsing of JavaScript", dann muss ich gleich wieder X-Mal googln, um überhaupt zu verstehen, was damit gemeint ist.

Oder als Alternative einen Profi, der mir eine Dienstleistung für Geld anbietet. Ich habe schon nach entsprechenden Anbietern gegoogelt aber dort finde ich nur Seiten/Firmen, die mir eher suspekt erscheinen oder zu denen sich gar kein Kundenfeedback finden lässt. Darum meine Frage, ob sich vielleicht in diesem Forum jemand befindet, der die nötigen Fachkenntnisse hat oder ob man mir jemanden empfehlen kann.

Zitat

[COLOR=#333333]Die Sichtbarkeit wird bei Googel sehr gering sein.[/COLOR]

Die Sichtbarkeit ist für die für uns relevanten Keywords Top. Bei vielen sind wir bereits auf der ersten Seite. Natürlich wären die Toplink Positionen nice, aber in erster Linie geht es mir hierbei nicht um Google, sondern unseren Usern eine angenehme Benutzererfahrung zu bieten und das ist zurzeit nicht gegeben. Und ja, mir ist dies sehr wohl bewusst. Nur bin ich bei dem Vorhaben die Seite auf Performance zu Optimieren, an eine Sackgasse angelangt, wo ich mit meinen Fähigkeiten nicht mehr weiter komme.

Zitat

[COLOR=#333333]Der Hoster durfte vermutlich nichts kosten?[/COLOR]

Was mein Hoster kostet, tut nichts zur Sache. Du hast natürlich Recht, der Hoster ist bei der ganzen Sache auch ein wesentlicher Faktor. Keepalive Verbindungen lässt er beispielsweise gar nicht zu, was sich m.W. auch negativ auf die Performance auswirkt. Ich werde am Montag mich mit Hoststar in Verbindung setzen und schauen, inwiefern sie mir weiterhelfen können. Allerdings gibt es andere Dinge, die ich auf meiner Seite tun kann, um die Performance zu steigern. Erst wenn da alles mögliche getan ist, macht es für mich Sinn über einen Wechsel zu einem besseren Hoster zu sprechen.

Liebe Monika, lieber r23,

danke euch für eure Hilfe! Ich weiss, meine Unwissenheit macht es euch nicht leicht mir zu helfen, aber eure Tipps haben mich schon weiter gebracht. Ich konnte die Seite minim verbessern. Vielen Dank dafür!

Zitat von Monika

[COLOR=#333333]das ist verkehrt herum gedacht[/COLOR]
[COLOR=#333333]Bilder verkleiner mit smush.it geht nicht, [/COLOR]
[COLOR=#333333]das ist Sache des Hosters,[/COLOR]

Meinst du vielleicht, dass der Hoster HTTP Komprimierung aktivieren sollte? Habe es nur im Rahmen meiner Recherchen gelesen, dass dies helfen würde. Inwiefern müsste denn der Hoster die Bilder verkleinern? Nur damit ich das Konzept dahinter verstehe.

In wiefern spielt die .htaccess Datei eine Rolle? Ich habe eine .htaccess Datei und kann diese auch bearbeiten und Rechte zuweisen. Beispielsweise habe ich die mod_rewrite Funktion und das Caching über die .htaccess eingestellt.

Zitat von Monika

[COLOR=#333333]nachträglich all das jquery (all de Scripte)sinnvoll zu organisieren ist ein Knochenjob, für die ein Profi etliches an Stunden braucht[/COLOR]

[COLOR=#333333]die css Datei aufzuräumen genauso[/COLOR]

Okay, dasselbe hat ein Bekannter gesagt, der einen Freund gefragt hat, welcher Programmierer ist :/ Ich habe aber W3 Total Cache doch noch zum Laufen gebracht und jetzt ist der GTmetrix Score bei 78/74, was ja eine deutliche Verbesserung ist zu den anfänglichen 60. Leider ist die Page Size immer noch 4.41 MB, Loadtime 9 Sek und ich habe über 113 requests :(

Zitat von Monika

[COLOR=#333333]wenn ich dir nun sage: füge die Scripte zusammen => hilft dir dieser HInweis zur Selbsthilfe nichts, weil du das nicht kannst,[/COLOR]
[COLOR=#333333]die Plugins nicht funktionieren werden, weil es am Hoster hakt...[/COLOR]

[COLOR=#333333]wenn ich dir nun sage: durchforste die css Dateien und schmeiß alles raus was du nicht brauchst => wirst du Bahnhof Endstation verstehen[/COLOR]

Du hast absolut recht, diese Dinge übersteigen meine Kenntnisse bei weiten. Zumindest W3 Total Cache konnte ich installieren aber dort funktioniert die Minify Funktion nicht. Wahrscheinlich gibt es ein Problem mit irgendeinem Script und das Minify crasht die ganze Seite.

Zitat von Monika

[COLOR=#333333]du nutzt BuddyPress, so sehr ich das liebe, aber die Coder dort haben von Schnelligkeit kaum noch was gehört [/COLOR]:sad:[COLOR=#333333]((((((([/COLOR]

Okay, BuddyPress könnte ich ggf. opfern, das würde mir nicht weh tun. Eigentlich müssen nur die Autoren der Seite Zugriff zum Blog haben. Normale Besucher müssen sich nicht registrieren können.
Ich werde es heute Nacht mal deaktivieren und schauen, ob sich eine Performance Verbesserung ergibt.

Zitat von Monika

[COLOR=#333333]weil wenn du bei Hoststar bist wirst du kaum Geld für einen verdammt guten CDN auslegen[/COLOR]

Ich bin nicht bei Hoststar des Geldes wegen. Ich hatte Mal einen Hoster gebraucht, habe einen gegoogelt und fand mich bei Hoststar wieder. Ich habe kein Problem mehr fürs Hosting+CDN auszugeben, sofern A) ein spürbare Performance Steigerung dadurch resultiert B) der Support einigermassen funktioniert (hier kann ich Hoststar aber nur loben, sie haben mir immer schnell und unkompliziert geholfen) und C) der Preis dafür sich einem gewissen Rahmen bewegt. Ich mache mit dieser Seite kein Geld, also ist es unsinnig 1000 Euro im Monat für einen Professionellen Hoster auszugeben. Falls du Empfehlungen hast, dann schiess los :) Hauptsache ich kriege die Performance irgendwie in den Griff (wobei es mich jetzt schon graust mich einzulesen, wie man eine Seite korrekt zu einem neuen Hoster umzieht ^^). [COLOR=#333333]all-inkl.com werde ich mir schon Mal genauer anschauen.[/COLOR]

Zitat von Monika

[COLOR=#333333]für deine Bilder kannst du mal jpegmini.com ausprobieren...[/COLOR]

Hab es mal getestet und die Komprimierung ist wirklich toll. Nur gibt es einen weg hochgeladene Bilder per Plugin zu komprimieren? Ich müsste sonst 800 Bilder neu hochladen und das macht keinen Spass. Ich habe es mit EWWW Optimization versucht, das Plugin hat auch alle Bilder komprimiert, nur scheint es bei Google Pagespeed keinen Einfluss zu haben.

Zitat von r23

[COLOR=#333333]A. richtigen Provider suchen [/COLOR]
[COLOR=#333333]zum Beispiel[/COLOR]
https://uberspace.de/

[COLOR=#333333]B. Die 205 Quellen reduzieren[/COLOR]
[COLOR=#333333]zum Beispiel durch richtige Konfiguration der Plugins. dein Kontakt Formular kannst du zum Beispiel auslagern [/COLOR]
http://www.media-affin.de/kontaktfor...nend-einbinden

[COLOR=#333333]C. Die derzeigen perfomance Plugins vergessen und andere Verwende.[/COLOR]

A) Alles klar, ich werde mir uberspace genauer anschauen. Kann ich davon ausgehen, dass du mit ihnen schon gute Erfahrungen gemacht hast? Hast du sonst noch Vorschläge?

B) Siehst du, hier hapert es schon wieder an meiner "Noobigkeit" ^^ "richtige Konfiguration der Plugins"...In der Regel schaue ich mir die FAQ und Installationshinweise eines Plugin Anbieters an und wähle meistens nur die Empfohlenen Settings. Was darüber hinaus "richtige Konfiguration" ist, weiss ich bei bestem Willen nicht :( Aber ja, das ist mein Problem, da könnt ihr mir auch nicht helfen ^^

C) Done. W3 Total Cache installiert und eine Performance Verbesserung bei GTmetrix festgestellt. Leider spackt die Minify Funktion aber ich werde die Tage versuchen mithilfe von Google dieses Problem zu lösen.

Zitat von maxe

Lad dir die Bilder alle via FTP-Client auf deinen PC, komprimiere sie alle z.B. mit JPGCompressor und lade sie anschließend wieder auf den Server.

Hey maxe,

vielen Dank für deinen Tipp! Nur um sicher zu gehen:

werden dann beim Reupload die alten Bilder durch die neuen ersetzt? Und sind sie in den Beiträgen (Posts, Seiten) normal sichtbar, ohne dass ich sie nochmals manuell in die Beiträge einfügen muss?

Zitat von hydro

[COLOR=#333333]Oder als Plugin:[/COLOR]
http://wordpress.org/plugins/wp-smushit/
[COLOR=#333333]Wenn auch nicht die gleiche komp wie bei jpgmini erreicht wird.[/COLOR]

auch dir vielen Dank. Ich habe Smush.it schon versucht zu nutzen aber leider bekomme ich fast bei jedem Bild eine 504 Server Error Meldung :/ ka. woran das liegt. Ich habe bei meinem Hoster schon beantragt die max_timeout zu erhöhen, was er schon getan hat aber ich kriege immer noch dieselbe Fehlermeldung :(

Aber ich versuche es mal mit maxes Tipp, sollte eigentlich klappen :)

Okay, ich habe nun alle Bilder zu jpegmini convertiert, ich habe X-Plugins abeschaltet und gelöscht, die nicht essentiell sind, wie den Twitter Feed, RSS Feed, TS3 Viewer etc...Gem. GTmetrix ist:

Page Load Time: 6.50 sec
Total Page Size: 3.16 MB
Total nr. of Requests: 85

Das ist schon mal eine Verbesserung. Was mir aber noch nicht klar ist: Wieso zur Hölle ist die Seite immer noch 3MB gross, obwohl ich so ziemlich alle Bilder konvertiert habe und X-Plugins deinstalliert habe. Liegt das wirklich am Theme? Gibt es irgendeine Möglichkeit zu sehen woraus sich diese 3.16 MB zusammensetzen? Ich würde wirklich gerne die Page Size noch weiter runter schrauben, wenn irgendwie möglich.

Ansonsten werde ich von meiner Seite aus nicht mehr viel machen können. Das Sache mit dem "Serve scaled images" werde ich wohl nicht ändern. Die Bilder sind 765x500 gross, weil das Theme responsive ist und damit sich die Bilder auf kleineren Tablets, bzw. Smartphones im Querformat schön auf eine Spalte skalieren. Entsprechend macht es keinen Sinn diese zu verkleinern, zumal ich nachgelesen habe, dass Google alleine deswegen noch kein Penalty verhängt. Da wäre es wohl wichtiger die Seite von der Datenmenge zu schrumpfen und den Hoster zu wechseln.

Ich habe übrigens folgende 2 Hoster auf dem Schirm:

http://www.trendhosting.ch

http://www.wpengine.com

Beide bieten spezielles, WP-orientertes Hosting an und haben serverseitige Caching Technologie. Trendhostings Firmensitz ist sogar ca. 1 km von meiner Haustür entfernt, weshalb ich hoffe, sie können mich morgen beim Kundengespräch überzeugen. Wpengine ist wohl besser geeignet aber ich würde gerne eine lokale Firma unterstützen. Ausserdem bieten trendhosting an die Seite für mich zu migrieren und ich kann den Service 30 Tage kostenlos testen, was ein sehr grosser Pluspunkt ist. Was meint ihr dazu? Ihr könnt die beiden Hoster sicher besser beurteilen als ich.