• 
  • Weitere Informationen zu diesem Produkt:
    Volltextsuche im Buch bei Google Print

    Inhaltsverzeichnis | Index | Kolophon | Ihr Feedback |

Geleitwort IX

Vorwort XI

A Die Bedeutung der Frontend-Performance 1

Die Performance von Webseiten verfolgen 1

Wo ist die Zeit hin? 3

Die goldene Regel der Performance 4

B HTTP-Übersicht 7

Komprimierung 8

Bedingte GET-Requests 8

Expires 9

Keep-Alive 9

Und noch mehr 10

1 Regel 1: Weniger HTTP-Requests 11

Imagemaps 11

CSS-Sprites 13

Inline-Images 15

Kombinierte Skripten und Stylesheets 16

Zusammenfassung 18

2 Regel 2: Verwenden Sie ein Content-Delivery-Netzwerk 19

Content-Delivery-Netzwerke 20

Die Einsparungen 21

3 Regel 3: Fügen Sie Expires-Header ein 23

Expires-Header 23

Max-Age und mod_expires 24

Leerer Cache verglichen mit vollem Cache 26

Mehr als nur Images 27

Versionierte Dateinamen 29

Beispiele 29

4 Regel 4: Komprimieren Sie Komponenten 31

Wie Komprimierung funktioniert 31

Was man komprimiert 32

Die Einsparungen 33

Konfiguration 34

Proxy-Caching 35

Grenzfälle 36

Gzip in Aktion 38

5 Regel 5: Stellen Sie Stylesheets an den Anfang 39

Progressives Rendering 40

sleep.cgi 40

Leere weiße Seite 41

Flash of Unstyled Content 44

Was muss der Frontend-Ingenieur tun? 46

6 Regel 6: Stellen Sie Skripten ans Ende 48

Probleme mit Skripten 48

Parallele Downloads 49

Skripten verhindern Downloads 51

Schlimmster Fall: Skripten am Anfang 52

Bester Fall: Skripten am Ende 53

Ins rechte Licht gerückt 54

7 Regel 7: Vermeiden Sie CSS-Ausdrücke 55

Aktualisierung von Ausdrücken 56

Das Problem umgehen 56

Zusammenfassung 58

8 Regel 8: Lagern Sie JavaScript und CSS in externe Dateien aus 59

Inlining verglichen mit externen Dateien 59

Typische Ergebnisse aus der Praxis 62

Homepages 63

Das Beste beider Welten 64

9 Regel 9: Reduzieren Sie DNS-Lookups 68

DNS-Caching und TTLs 68

Die Sicht des Browsers 71

DNS-Lookups reduzieren 73

10 Regel 10: Reduzieren Sie JavaScript 75

Minifizierung 75

Obfuscation 76

Die Einsparungen 77

Beispiele 78

Das Sahnehäubchen 79

11 Regel 11: Vermeiden Sie Redirects 82

Arten von Redirects 82

Wie Redirects die Performance verschlechtern 83

Alternativen zu Redirects 85

12 Regel 12: Entfernen Sie doppelte Skripten 92

Doppelte Skripten 92

Doppelte Skripten schaden der Performance 93

Doppelte Skripten vermeiden 94

13 Regel 13: Konfigurieren Sie ETags 96

Was ist ein ETag? 96

Das Problem mit ETags 99

ETags: hopp oder topp 100

ETags im richtigen Leben 101

14 Regel 14: Machen Sie Ajax cache-freundlich 104

Web 2.0, DHTML und Ajax 104

Asynchron = sofort? 106

Ajax-Requests optimieren 107

Caching von Ajax in der realen Welt 108

15 Untersuchung der zehn Top-Sites 112

Seitengewicht, Response-Zeit, YSlow-Wertung 112

Wie die Tests durchgeführt wurden 115

Amazon 116

AOL 119

CNN 122

eBay 123

Google 127

MSN 130

MySpace 134

Wikipedia 135

Yahoo! 138

YouTube 140

15 Index 145