Startseite

Willkom­men auf Ladezeit Opti­mierung. Auf Basis der Inhalte mein­er wis­senschaftlichen Veröf­fentlichung zum The­ma der Per­for­mance-Opti­mierung aus dem Jahr 2015 wurde dieser Blog erstellt. Zukün­ftig möchte ich hier die The­matik weit­er behan­deln und Aktuelles sowie die Neuerun­gen der ver­gan­gen Jahre vorstellen.

Zurzeit müssen die Texte noch ein­mal grundle­gend für das Web über­ar­beit­et und zusät­zliche Ver­linkun­gen geset­zt wer­den. Als Leit­faden dient die nach­fol­gende Inhalt­süber­sicht.

Theoretische Grundlagen

• Beweg­gründe der Opti­mierung von Ladezeit­en
  • User Expe­ri­ence und Per­for­mance
  • Rank­ing­fak­tor „Ladezeit“ bei der Such­maschi­nenop­ti­mierung
  • Ein­fluss der Ladezeit auf die Absprun­grate
  • Mobile Endgeräte und die Prob­leme mobil­er Daten­net­ze
• Meth­o­d­en und Werkzeuge zur Mes­sung der Ladezeit
  • Brows­er-Werkzeuge und Erweiterun­gen
  • Syn­thetis­che Testver­fahren
  • Real User Mon­i­tor­ing
  • Bew­er­tung von Messergeb­nis­sen und Rou­tine Checks
• Pla­nung von Opti­mierun­gen mit Per­for­mance Bud­gets
  
• Con­tent-Man­age­ment-Sys­teme
  • Vorteile bei dem Ein­satz von Con­tent-Man­age­ment-Sys­te­men
  • Nachteile bei dem Ein­satz von Con­tent-Man­age­ment-Sys­te­men
• Bew­er­tung der the­o­retis­chen Grund­la­gen

Ansatzpunkte und Maßnahmen

• Web­serverumge­bung
• Con­tent Deliv­ery Net­works
• Caching von Inhal­ten
  • Client­seit­iges Caching
  • Ser­ver­seit­iges Caching
• Reduzierung und Kom­prim­ierung der Datenüber­tra­gung
• Opti­mierung von Inhal­ten
  • Lim­i­tierung der Aus­liefer­ung von Inhal­ten
  • Opti­mierung von Bildern und Grafiken
    • Dateifor­mate und Kom­prim­ierung
    • Ent­fer­nung der Meta­dat­en
    • Src­set-Attrib­ut
    • Pic­ture-Ele­ment
• Opti­mierung von Tem­plates
  • Reduzierung der HTTP-Anfra­gen
  • Opti­mierung des Auf­baus von HTML-Doku­menten
    • Ein­bindung extern­er Ressourcen
    • Verteilung sta­tis­ch­er Ressourcen auf mehrere Domains
  • Asyn­chrones Laden von Ressourcen und Inhal­ten
  • Opti­mierung der Ausze­ich­nun­gen in Cas­cad­ing Style Sheets
  • Berück­sich­ti­gung des kri­tis­chen Ren­der­ing Pfades
  • Bilder und Grafiken in Tem­plates
    • CSS-Sprites
    • Vek­tor­grafiken und Icon Fonts für grafis­che Ele­mente
    • Fav­i­cons
  • Schrift­gestal­tung durch Web Fonts
  • Auswirkun­gen von Fron­tend-Frame­works auf die Ladezeit
• Respon­sive Web­de­sign und Per­for­mance
• Bew­er­tung der Ansatzpunk­te und Maß­nah­men

Praktische Anwendung

• Zielset­zung und Pla­nung
• Erstel­lung von Tem­plates
  • Schritt 1: Über­ar­beitung der HTML-Doku­mente und Stylesheets
  • Schritt 2: Opti­mierung von Bildern und Grafiken
  • Schritt 3: Ser­ver­seit­ige Opti­mierung und das kri­tis­che Ren­der­ing
  • Schritt 4: Aus­liefer­ung der Ressourcen über mehrere Domains
  • Bew­er­tung der Opti­mierung der Tem­plates
• Ver­such­sumge­bung
• Con­tao
  • Opti­mierun­gen bei der Instal­la­tion und Kon­fig­u­ra­tion
  • Bew­er­tung von Con­tao
• TYPO3
  • Opti­mierung der Kon­fig­u­ra­tion
  • Inte­gra­tion von Erweiterun­gen
  • Bew­er­tung von TYPO3
• Word­Press
  • Opti­mierun­gen bei der Instal­la­tion und Kon­fig­u­ra­tion
  • Inte­gra­tion von Erweiterun­gen
  • Bew­er­tung von Word­Press
• Ver­gle­ich der Web­serverumge­bun­gen und Con­tent-Man­age­ment-Sys­teme
• Bew­er­tung der prak­tis­chen Anwen­dung

Aktuelle und zukünftige Themen

• HTTP/2 Pro­tokoll
• PHP Ver­sion 7
• WebAssem­bly
• Accel­er­at­ed Mobile Pages (AMP)
• WebP
• Mod Page­speed