Einstieg in WordPress 3.5 (German Edition)

man 80% der Effekte
. In diesem Abschnitt geht es um Maßnahmen, die auch ein weniger erfahrener Nutzer umsetzen kann und die dennoch eine hohe Wirkung entfalten können.
3.5.1 Bilder und Videos im Inhalt
    Logisch, ein guter Beitrag beinhaltet nach Möglichkeit aussagekräftige Bilder und falls vorhanden auch Videos bzw. Screencasts. Das hilft dem Leser und wird auch von den Suchmaschinen honoriert. Hierbei verbirgt sich ein hohes Optimierungspotential und hier kann auch ein Nutzer der keine Admin-Rechte hat mithelfen.
    Im Beitrag " Die großen Performance-Bremsen im Frontend 2 " habe ich ausführlich erklärt, wie man die Bilder in Beiträgen optimieren kann und worauf man achten sollte. Im Prinzip sollte man das passende Format wählen, in der Regel PNG vs. JPG, abwägen zwischen einer verkleinerten Gesamtgrafik oder einem Ausschnitt und auf einen vernünftigen Bildoptimierer zurückgreifen. Es muss nicht immer Photoshop sein. Auch Freeware wie IrfanView & Co. liefern sehr gute Ergebnisse.
    Abbildung 3.6: Vorschau-Bild anstatt Video-iframe
    Videos kann man auf zwei Wegen sparsamer einbinden. Entweder indem man auf das Plugin WP YouTube Lyte zurückgreift – hier wird ein Vorschaubild eingebunden und erst auf den zweiten Klick das Video abgespielt – oder in dem man manuell ein Screenshot des abspielenden Videos erstellt und im Beitrag einbindet und auf das Video verlinkt. So habe ich das in der Abbildung oberhalb dieses Absatzes gemacht.
3.5.2 Template-Dateien ausmisten
    Auch im Theme und bei den einzelnen Template-Dateien kann man einiges erreichen. Als erstes sollte man schauen, dass man auf die CSS-Datei per
link
und nicht per
@import
verweist. Die
link
-Lösung ist performanter .
    Nicht mehr benötigte CSS-Regeln sollte man entfernen. Hierbei kann das Tool CSS Usage helfen. Darüber hinaus sollte man schauen, ob man die Regeln in Kurzschreibweise notieren kann. Aus...
.inhalt {
    font-weight: bold;
    font-size: 1.2em;
    font-family: verdana, arial, sans-serif;
    margin-top: 10px;
    margin-right: 12px;
    margin-bottom: 15px;
    margin-left: 5px;
    color: #333333;
}
    ... wird dann folgendes...
.inhalt {
    font: bold 1.2em verdana, arial, sans-serif;
    margin: 10px 12px 15px 5px;
    color: #333;
}
    Man kann auch die gleichen Deklarationen zusammenfassen. Aus...
.sidebar {
    padding: 1em;
    margin-top: 2em;
    font-size: 14px;
}

.zusatz-sidebar {
    padding: 1em;
    margin-top: 2em;
    font-size: 14px;
}
    ... wird dann...
.sidebar, .zusatz-sidebar {
    padding: 1em;
    margin-top: 2em;
    font-size: 14px;
}
    Gibt es in der
functions.php
und der
.htaccess
Anweisungen, die nicht mehr notwendig sind? Dann raus damit ... evtl. in eine Textdatei, die als Archiv für schon mal benutze Code-Fragmente dient.
3.5.3 Vernünftiger Umgang mit Plugins und Social-Dingens
    Generell sollte man bei der Einbindung von Plugins sparsam vorgehen und sich kritisch hinterfragen:
Brauche ich das Plugin wirklich? Und falls ja: gibt es sparsamere Alternativen?
    Manche Plugins, wie das Get Recent Comments cachen die Ausgabe und davon sollte man auf jeden Fall Gebrauch machen. Im Beitrag " Welches Plugin bremst die Seite aus? " habe ich P3 (Plugin Performance Profiler) vorgestellt. Dieses Plugin zeigt auf welche Plugins, die meisten Ressourcen beanspruchen.
    Abbildung 3.7: Wie sich Performance einer Website verbessern kann wenn man die Social-Buttons entfernt
    In den beiden Beiträgen " Performance Optimierung: dynamische vs. statische Buttons, was sagt Google dazu? " und " Facebok: Like-Box entfernen & Website beschleunigen " habe ich gezeigt, wie sich die Einbindung von den sozialen Netzwerken bzw. Social-Buttons auf die Performance der Website auswirken kann.
    Durch die Einbindung von zusätzlichen Javascripten, CSS, Grafiken und iframes haben diese Dienste ein hohes Potential um die Website auszbremsen. Hier muss jeder Webmaster für sich selber entscheiden: ist ihm die Performance oder die zusätzliche soziale Reichweite wichtiger.
3.5.4 Komprimieren und besser Cachen
    Auf Ihrem Server läuft Apache 2 und Sie haben Zugriff auf die
.htaccess
? Dann einfach folgendes in die Datei eintragen:
# mod_deflate (gzip) aktivieren

SetOutputFilter DEFLATE


# ExpiresHeader: verhindert bedingte GET-Anfragen

ExpiresActive on
ExpiresDefault "access plus 35 days"

    Der erste Block aktiviert auf dem Apache 2 die Komprimierung (gzip) und es werden alle relevanten Textdateien komprimiert.