• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Website Optimierungen
 

Website Optimierungen

on

  • 1,335 views

Website Optimierungen

Website Optimierungen

Statistics

Views

Total Views
1,335
Views on SlideShare
1,334
Embed Views
1

Actions

Likes
0
Downloads
1
Comments
0

1 Embed 1

https://www.mturk.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Website Optimierungen Website Optimierungen Presentation Transcript

    • Website Optimierungen
    • Einleitung
      • Tools zum Messen der Ladezeiten
      • Methoden zum Verringern der Website Ladezeiten.
        • Was bringt am meisten?
        • Was davon ist wirklich sinnvoll?
        • Lohnt sich der Aufwand?
    • Tools
      • Firebug
        • YSlow
      • Google PageSpeed
    • Ladezeiten verringern - Regeln
      • Weniger HTTP Requests
      • CDN benutzen
      • Expire Header hinzufügen
      • Statische Komponenten GZIP‘n
      • CSS in <head>
      • JS vor </body>
      • CSS Expressions vermeiden
      • JS/CSS immer in externe Files lagern
      • DNS Lookups reduzieren
      • JS minify‘n
      • Redirects vermeiden
      • Doppelte Scripts entfernen
      • Etags richtig konfigurieren
      • AJAX cachable machen
      • Weniger HTTP Requests
      • Komponenten auslagern
      • Komponenten verkleinern
      • Server Konfiguration
      • Code richtig formatieren
    • Weniger HTTP Requests
      • JS/CSS zusammenfassen
      • CSS Sprites verwenden
      laut Yahoo: ~ 20% der User haben keinen Cache ( http://bit.ly/dALBT )
    • Komponenten auslagern
      • JS/CSS extern
        • JS Frameworks von Google laden http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js
      • CDN Workaround
        • Komponenten in Subdomains auslagern (cookieless)
    • Komponenten verkleinern
      • JS/CSS
        • minify (YUI Compressor) ( http://bit.ly/AWec )
        • GZIP/deflate (apache/php)
      • Bilder optimieren
        • Smush.it ( http://bit.ly/tRyRq )
      • JS/CSS -> Smarty Plugin automatisches zusammenfassen/verkleinern
    • Server Konfiguration
      • ETag oder Expire Header
      • GZIP/deflate für CSS/JS
        • htaccess
        • php
      • Apache Cache Module
        • mod_expire
        • mod_cache >
        • mod_disk_cache (stabiler, langsamer, funktioniert über mehrere Apache Prozesse)
        • mod_mem_cache (nicht so stabil, schneller)
      <IfModule mod_deflate.c> <FilesMatch &quot;.(css|js)$&quot;> SetOutputFilter DEFLATE </FilesMatch> </IfModule> <IfModule mod_expires.c> ExpiresActive on ExpiresByType image/gif &quot;access plus 2 years&quot; ExpiresDefault &quot;access plus 1 days&quot; </IfModule>
    • Code richtig formatieren
      • CSS im <head>
        • Kein @import verwenden
      • JS vor </body>
      • Keine Inline-Scripts
      • CSS: Universelle / Nachfolge-Selektoren vermeiden
      • CSS-Sprites verwenden (z.B. Menü) > weniger Requests
      • HTML Code reduzieren
      • Struktur ist sehr wichtig
        • Schnellerer Seitenaufbau
        • Browser wird weniger belastet
    • Code richtig formatieren
      • Cuzillion ( http://bit.ly/2oLs2 )
      • Datenkraft jetzt ( http://bit.ly/EhHUZ )
      • FF3 (~ 2s)
      • IE7 (~ 5s)
      • Chrome (~ 3s)
    • Code richtig formatieren
      • Datenkraft optimiert ( http://bit.ly/J8Saa )
      • FF3 (~ 1s)
      • IE7 (~ 3s)
      • Chrome (~ 1,5s)
      • kurz gesagt ca. 50% schneller
    • Fazit
      • Was bringt am meisten?
        • Die Summe aller Teile = sehr schnelle Seite
        • Apache/Server Cache Einstellungen unbedingt notwendig
      • Was ist wirklich sinnvoll?
        • Eigentlich alles was ich erwähnt habe
      • Lohnt sich der Aufwand?
        • Wenn die serverseitige Belastung auf ein Minimum gebracht wurde.