Performance-Experiment mit gzip und Browser-Caching

Auf dem WordCamp Nürnberg hat Jan Thiel einen tollen Vortrag zum Theme Performance gehalten: WordPress Performance Mythbuster. Den Vortrag könnt Ihr Euch hier auf wordpress.tv anschauen.

Performance ist ein wichtiges Thema, nicht nur seit Google ein Auge drauf hat. Je langsamer eine Seite lädt, desto schlechter ist die User Experience. Jede Millisekunde zählt, bei mobilen Geräten umso mehr.

Spannend fand ich, wie Jan herausgearbeitet hat, wo denn der Flaschenhals bei den Ladezeiten tatsächlich liegt. Vorsicht Spoiler: Weder die Server-CPU noch der PHP-Code vom WordPress-Core sind hier die Bremse, der PHP Code von Themes und Plugins ist es, der aufs Tempo drückt.

Was logischerweise bedeutet, dass noch’n Plugin Eure Seite nicht unbedingt schneller macht. Auch wenn Performance-Optimierung draufsteht. Ausnahmen bestätigen die Regel.

Das Experiment

Ich hab mir mal zwei Sachen vorgenommen, die Jan in seinem Vortrag erwähnt hat, mit denen man der Netzialisten-Seite Beine machen kann. Ich hab dazu das Google Page Speed Tool genutzt, obwohl ich ein etwas gespaltenes Verhältnis dazu habe: Die Angaben dort muss man mit Vorsicht geniessen und immer die Verhältnismäßigkeit im Auge behalten. Beispiel: Man kann schon „Punktabzug“ kriegen, wenn ein einziges 32KB-Bild nicht optimiert ist.

Die beiden Techniken, die ich mir angeschaut habe, sind:

  1. gzip -Komprimierung
  2. Browser-Caching

Weiterlesen →

Content-Strategie: Welche Texte kommen auf die Webseite?

Alle warten darauf, dass die neue Webseite endlich online geht. Das Web-Team arbeitet schließlich schon eine ganze Weile daran. Momentan diskutiert das Team über die Frage: Welche Inhalte kommen rein in die Webseite und welche bleiben draussen?

Diese Frage hat es in sich. Denn über nichts kann man sich schöner in die Haare kriegen.
Hier hilft ein Blick auf die drei Leitfragen der Content-Strategie:

  1. Mit wem wollen Sie ins Gespräch kommen?
  2. Welche Botschaft möchten Sie vermitteln, was wollen Sie [als Unternehmen] erreichen?
  3. Mit welchen Fragen kommen die Besucher auf Ihre Seite?

Aus diesen Leitfragen lassen sich objektive Kriterien zur Bewertung der Inhalte ableiten. Jeder Text, jedes Bild, Video usw. kann anhand dieser Kriterien auf seine Verwendbarkeit abgeklopft und eingeordnet werden.

  1. Welche Nutzergruppe spricht Text A an?
  2. Welche Botschaft vermittelt Text B?
  3. Welche Fragen der Besucher beantwortet Text C?

Weiterlesen →

Tipps für gute Texte im Web

Nicht jeder Text eignet sich für die Veröffentlichung auf einer Webseite. Eine „Zweitverwertung“ bereits vorhandener Texte gelingt daher am besten, wenn man mit kritischem Blick auswählt und das Textmaterial mediengerecht aufbereitet.

3 Kriterien für gute Texte

  1. Komm auf den Punkt
  2. Gliedere Deinen Text
  3. Fasse Dich kurz

1. Komm auf den Punkt

Ein guter Text – im journalistischen Sinn – ist das Gegenteil von dem, was man uns in der Schule und an der Uni beigebracht hat. Dort haben wir gelernt, dass man erst Mal alle Argumente sammeln muss. Dann folgt eine ausführliche Betrachtung sämtlicher Aspekte und erst ganz am Schluss präsentieren wir das Ergebnis unserer Überlegungen.
Weiterlesen →

Über das Für und Wider von Dropdown-Menüs

Viele WordPress-Themes kommen heute mit dieser Funktion und Kunden wie Designer sind fasziniert von dieser Technik. Man kann sie sehr schön in einen Entwurf integrieren, Dropdowns sind optisch dezent und elegant und brauchen wenig Platz. 

Was ist ein Dropdown-Menu?

Ein Dropdown-Menü ist etwas in dieser Art:

Das heisst, beim Klick auf den Menüpunkt „Leistungen“ klappt ein Untermenü heraus, auf dem dann alle Unterseiten zu sehen sind. Es gibt noch eine zweite Verainte, Fly-Out genannt. Hier klappt das Zusatzmenü zur Seite und nicht nach unten auf.

Was sind die Vorteile?

  • Mit einem ausklappbaren Menü kann man die Navigation sehr „aufgeräumt“ darstellen.
    Auch und gerade dann, wenn sich sehr viele und verschachtelte Inhalte auf den Ebenen dahinter verbergen.
  • Im aufgeklappten Bereich sieht man alle Unterseiten auf einen Blick
    Weiterlesen →