O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

High Performance Websites

Book Description

Wollen Sie, dass Ihre Website schneller dargestellt wird? High Performance Websites präsentiert 14 Profi-Regeln, mit denen Sie Ihre Webseiten um 20 bis 25 % schneller machen können.

Best-Practise-Ergebnisse

Die Regeln wurden von Steve Souders – Chief Performance Engineer bei Yahoo! – erstellt. Sie sind die komprimierten Best Practise-Ergebnisse seiner jahrelangen Arbeit bei Yahoo!, einer der meist besuchten Websites des Internets.

Performance verbessern

Die Regeln, die Steve Souders in High Performance Websites vorstellt, helfen Ihnen dabei, Ihre Website-Performance zu verbessern. Sie erfahren, wie Sie Ajax, CSS, JavaScript, Flash und Bilder so aufbereiten, dass Ihre Webseiten dadurch deutlich schneller werden. Dabei ist jede Profi-Regel mit einem klar verständlichen Beispiel erklärt. Der im Buch er-läuterte Code steht zum freien Download zur Verfügung.

Die Profi-Regeln

  • Reduzieren Sie HTTP-Requests.

  • Setzen Sie ein Content Delivery Network ein.

  • Fügen Sie Expires-Direktiven ein.

  • Komprimieren Sie Ihre Skripten und Stylesheets.

  • Platzieren Sie Stylesheets oben.

  • Platzieren Sie Skripten unten.

  • Vermeiden Sie CSS-Ausdrücke.

  • Lagern Sie JavaScript und CSS aus.

  • Reduzieren Sie DNS-Lookups.

  • Minifizieren Sie JavaScript-Quellcode.

  • Vermeiden Sie Redirects.

  • Entfernen Sie doppelte Skripten.

  • Konfigurieren Sie Ihre ETags neu.

  • Machen Sie Ajax cache-freundlich.

Unerlässliche Pflichtlektüre

Wenn Sie Webseiten programmieren, die auch bei höherem Besucheraufkommen nicht in die Knie gehen sollen, dann ist High Performance Websites eine unerlässliche Pflichtlektüre für Sie.

Table of Contents

  1. High Performance Websites
    1. Geleitwort
    2. Vorwort
      1. Organisation dieses Buchs
      2. Verwendete Konventionen
      3. Codebeispiele
      4. Danksagungen
    3. A. Die Bedeutung der Frontend-Performance
      1. Die Performance von Webseiten verfolgen
      2. Wo ist die Zeit hin?
      3. Die goldene Regel der Performance
    4. B. HTTP-Übersicht
      1. Komprimierung
      2. Bedingte GET-Requests
      3. Expires
      4. Keep-Alive
      5. Und noch mehr
    5. 1. Regel 1: Weniger HTTP-Requests
      1. Imagemaps
      2. CSS-Sprites
      3. Inline-Images
      4. Kombinierte Skripten und Stylesheets
      5. Zusammenfassung
    6. 2. Regel 2: Verwenden Sie ein Content-Delivery-Netzwerk
      1. Content-Delivery-Netzwerke
      2. Die Einsparungen
    7. 3. Regel 3: Fügen Sie Expires-Header ein
      1. Expires-Header
      2. Max-Age und mod_expires
      3. Leerer Cache verglichen mit vollem Cache
      4. Mehr als nur Images
      5. Versionierte Dateinamen
      6. Beispiele
    8. 4. Regel 4: Komprimieren Sie Komponenten
      1. Wie Komprimierung funktioniert
      2. Was man komprimiert
      3. Die Einsparungen
      4. Konfiguration
        1. Apache 1.3: mod_gzip
        2. Apache 2.x: mod_deflate
      5. Proxy-Caching
      6. Grenzfälle
      7. Gzip in Aktion
    9. 5. Regel 5: Stellen Sie Stylesheets an den Anfang
      1. Progressives Rendering
      2. sleep.cgi
      3. Leere weiße Seite
        1. CSS am Ende
        2. CSS am Anfang
      4. Flash of Unstyled Content
      5. Was muss der Frontend-Ingenieur tun?
    10. 6. Regel 6: Stellen Sie Skripten ans Ende
      1. Probleme mit Skripten
      2. Parallele Downloads
      3. Skripten verhindern Downloads
      4. Schlimmster Fall: Skripten am Anfang
      5. Bester Fall: Skripten am Ende
      6. Ins rechte Licht gerückt
    11. 7. Regel 7: Vermeiden Sie CSS-Ausdrücke
      1. Aktualisierung von Ausdrücken
      2. Das Problem umgehen
        1. Einmalausdrücke
        2. Event-Handler
      3. Zusammenfassung
    12. 8. Regel 8: Lagern Sie JavaScript und CSS in externe Dateien aus
      1. Inlining verglichen mit externen Dateien
        1. Oberflächlich gesehen ist Inlining schneller
        2. Seitenabrufe (Page Views)
        3. Leerer Cache verglichen mit gefülltem Cache
        4. Komponenten wiederverwenden
      2. Typische Ergebnisse aus der Praxis
      3. Homepages
      4. Das Beste beider Welten
        1. Post-Onload-Download
        2. Dynamisches Inlining
    13. 9. Regel 9: Reduzieren Sie DNS-Lookups
      1. DNS-Caching und TTLs
        1. Faktoren, die das DNS-Caching beeinflussen
        2. TTL-Werte
      2. Die Sicht des Browsers
        1. Internet Explorer
        2. Firefox
      3. DNS-Lookups reduzieren
    14. 10. Regel 10: Reduzieren Sie JavaScript
      1. Minifizierung
      2. Obfuscation
      3. Die Einsparungen
      4. Beispiele
      5. Das Sahnehäubchen
        1. Inline-Skripten
        2. Gzip und Minifizierung
        3. Minifizierung von CSS
    15. 11. Regel 11: Vermeiden Sie Redirects
      1. Arten von Redirects
      2. Wie Redirects die Performance verschlechtern
      3. Alternativen zu Redirects
        1. Fehlender anhängender Slash
        2. Websites verbinden
        3. Internen Traffic nachhalten
        4. Ausgehenden Traffic nachhalten
        5. Schönere URLs
    16. 12. Regel 12: Entfernen Sie doppelte Skripten
      1. Doppelte Skripten
      2. Doppelte Skripten schaden der Performance
      3. Doppelte Skripten vermeiden
    17. 13. Regel 13: Konfigurieren Sie ETags
      1. Was ist ein ETag?
        1. Expires-Header
        2. Bedingte GET-Requests
        3. Last-Modified-Datum
        4. Entity-Tags
      2. Das Problem mit ETags
      3. ETags: hopp oder topp
      4. ETags im richtigen Leben
    18. 14. Regel 14: Machen Sie Ajax cache-freundlich
      1. Web 2.0, DHTML und Ajax
        1. Web 2.0
        2. DHTML
        3. Ajax
      2. Asynchron = sofort?
      3. Ajax-Requests optimieren
      4. Caching von Ajax in der realen Welt
        1. Yahoo! Mail
        2. Google Spreadsheets
    19. 15. Untersuchung der zehn Top-Sites
      1. Seitengewicht, Response-Zeit, YSlow-Wertung
      2. Wie die Tests durchgeführt wurden
      3. Amazon
      4. AOL
      5. CNN
      6. eBay
      7. Google
      8. MSN
      9. MySpace
      10. Wikipedia
      11. Yahoo!
      12. YouTube
    20. Kolophon