Website Performance

Lange Zeit galt ein eisernes Gesetz: Um in den Trefferlisten der Suchmaschinen möglichst weit oben zu landen, muss die Webseite für Suchmaschinen optimiert werden. Das stimmt so auch heute noch, ein Aspekt wird dabei aber vernachlässigt. Denn immer mehr Suchmaschinen beziehen auch die Performance einer Webseite in die Relevanzbewertung mit ein.



Wenn Mozilla plötzlich 15 Prozent mehr Downloads verzeichnet und Google Maps 30 Prozent mehr Kartenmaterial ausliefert, dann könnte man zunächst von perfekter Suchmaschinenoptimierung oder einem erhöhtem Werbebudget ausgehen. Die beiden Erfolgsgeschichten von Mozilla und Google sind allerdings nicht auf diese klassischen Maßnahmen zurückzuführen. Ein ganz anderer Aspekt ist dafür verantwortlich, der für den Erfolg von Webseiten immer wichtiger wird: die Websiteperformanceoptimierung.



Dieses Buch zeigt, wie Sie Ihre Webseite so optimieren, dass sie auch den gestiegenen Anforderungen von Google & Co. hinsichtlich der Performance entsprechen.

Am Anfang des Buchs geht es um eine Bestandsaufnahme der zu optimierenden Webseite. Es werden Tools vorgestellt, mit denen sich die Performance der Seite messen lässt. Und dann geht es mit der eigentlichen Optimierung der Webseite los. Wichtige Themen sind dabei Grafiken, JavaScript, PHP und CSS. Schritt für Schritt wird gezeigt, wie sich Webtechnologien so einsetzen lassen, dass die Geschwindigkeit von Webseiten optimal ausgereizt werden kann. Das führt dann übrigens nicht nur zu einem besseren Ranking in den Suchmaschinen. Auch Ihre Webseitenbesucher werden es Ihnen mit mehr Seitenaufrufen danken.



Daniel Koch arbeitet als freiberuflicher Programmierer und Autor in Hamburg. Er hat mehrere Bücher rund um die Themen Programmierung und Software veröffentlicht.



Inhaltsverzeichnis

Vorwort

Kapitel 1: Performance-Optimierung: Das neue SEO

1.1 Den Ist-Zustand überprüfen 10

1.2 Die perfekte Analyse mit YSlow 19

1.3 WebPagetest 20

1.4 loads.in 27



Kapitel 2: HTTP-Requests verringern

2.1 Die Anzahl der Requests verringern 32

2.2 Dateien zusammenführen 38

2.3 Dateien in der richtigen Reihenfolge einbinden 45

2.4 Dateien optimieren 49



Kapitel 3: CSS optimieren

3.1 CSS perfekt einbinden 57

3.2 Vorsicht bei den Selektoren 61

3.3 Kurz-CSS: Shorthands verwenden 64

3.4 Farbdefinitionen kürzen 70

3.5 Browser-unabhängiges CSS 71

3.6 Mit CSS-Sprites Bilder einsparen 78

3.7 Hardware-Beschleunigung verwenden 85

3.8 Transition als JavaScript-Alternative 87



Kapitel 4: Bilder optimieren

4.1 Grafikformate: Ein Schnelleinstieg 90

4.2 Die optimale Qualität 92

4.3 Größenangaben 96

4.4 HTML oder CSS? 98

4.5 Farbtiefe und Farbpalette 100

4.6 Grafiken optimieren 102

4.7 Inline-Bilder verwenden 105

4.8 Favicons 109

4.9 Bilder vorladen 112

4.10 CSS3 ausreizen 114

4.11 Perfekte Schriften 121

4.12 Speed mit HTML5 126



Kapitel 5: Weitere Möglichkeiten ausreizen

5.1 Die Performance von Code-Abschnitten messen129

5.2 JavaScript optimieren 130

5.3 PHP optimieren 137

5.4 Content Delivery Networks 141

5.5 ETags: Änderungen an der Seite erkennen 142

5.6 Inhalte aus der Retorte: Caching aktivieren 144

5.7 Inhalte komprimieren 145



Stichwortverzeichnis 149