Die Performance von Webseiten optimieren

Präsentation zum Thema: "Die Performance von Webseiten optimieren"—  Präsentation transkript:

1 Die Performance von Webseiten optimieren
Hosting für Fortgeschrittene Die Performance von Webseiten optimieren Thomas Lohner

2 Was wird optimiert? An welcher Stelle wird optimiert? Beispiele Tipps, Tricks, Urban Legends

3 Was wird optimiert?

4 Was wird optimiert? langsam / schlecht programmiert

5 Was wird optimiert? langsam / schlecht programmiert

6 Was wird optimiert? langsam / schlecht programmiert
Welche Inhalte werden am häufigsten aufgerufen?

7 Was wird optimiert? langsam / schlecht programmiert
Welche Inhalte werden am häufigsten aufgerufen?

8 Was wird optimiert? langsam / schlecht programmiert
Welche Inhalte werden am häufigsten aufgerufen? D. M. D. A.

9 Was wird optimiert? langsam / schlecht programmiert
Welche Inhalte werden am häufigsten aufgerufen? D. M. D. A.

10 Wo wird optimiert?

11 Wo wird optimiert? PHP HTML DB

12 Wo wird optimiert? PHP HTML Beispiel: www.macnews.de
6 Mio. Seitenaufrufe PHP HTML DB

13 Wo wird optimiert? PHP HTML PHP HTML x 4 Beispiel: www.macnews.de
6 Mio. Seitenaufrufe PHP HTML DB PHP HTML x 4 DB

14 Wo wird optimiert? PHP HTML PHP HTML x 4 PHP HTML x 25 Beispiel:
6 Mio. Seitenaufrufe PHP HTML DB PHP HTML x 4 DB PHP HTML x 25 DB

15 Wo wird optimiert? PHP HTML PHP HTML x 4 PHP HTML x 25
Beispiel: 6 Mio. Seitenaufrufe PHP HTML DB PHP HTML x 4 DB PHP HTML x 25 DB (bei Wordpress x 100 )

16 Beispiele

17 28 Mio. Seitenaufrufe pro Monat
Beispiele golem.de 28 Mio. Seitenaufrufe pro Monat

18 28 Mio. Seitenaufrufe pro Monat
Beispiele golem.de 28 Mio. Seitenaufrufe pro Monat 2 x MySQL 3 x Apache + PHP 1 x CMS

19 Beispiele golem.de HTML CMS Webserver Datenbank

20 Beispiele Leichtathletik WM 2009

21 Beispiele Leichtathletik WM 2009 2 x MySQL 2 x Apache + PHP
nginx als transparenter Cache + Spoonfeeding Statische Inhalte aus dem CDN

22 Beispiele Leichtathletik WM 2009 User CMS / PHP nginx DB User CDN User

23 Beispiele nginx als transparenter Cache

24 Beispiele nginx als transparenter Cache Browser Anfrage nginx

25 Beispiele nginx als transparenter Cache Browser Anfrage nginx Cache
hit Cache

26 Beispiele nginx als transparenter Cache Anfrage nginx Cache Antwort
hit Cache Antwort

27 Beispiele nginx als transparenter Cache Anfrage nginx Cache Antwort
hit Cache Antwort miss Webserver CMS Datenbank

28 Spoonfeeding

29 Spoonfeeding User 1 DSL Webserver User 2 UMTS User 3

30 Spoonfeeding User 1 Webserver User 2 User 3 User 1 Webserver nginx
DSL Webserver User 2 UMTS User 3 User 1 localhost oder GBit DSL Webserver nginx User 2 User 3 UMTS

31 Aber ich habe dynamische Inhalte!?

32 Aber ich habe dynamische Inhalte!?
„Hallo Thomas! Logout.“ Ansicht-Switcher Kommentare

33 „Hallo Thomas! Logout.“

34 „Hallo Thomas! Logout.“ Username in Cookie speichern und per Javascript auslesen.

35 Ansicht-Switcher (Farben, Inhalte)

36 Ansicht-Switcher (Farben, Inhalte)
Für jede Ansicht eine URL anlegen: site.com/fulltext/ site.com/headlines/ site.com/thisweek/

37 Ansicht-Switcher (Farben, Inhalte)
Für jede Ansicht eine URL anlegen: site.com/fulltext/ site.com/headlines/ site.com/thisweek/ URL in Cookie speichern, per Javascript auslesen und weiterleiten

38 Kommentare

39 Artikel als HTML ausliefern und Platzhalter für Kommentare verwenden:
<div class=‘hidden‘ id=‘comments‘> </div>

40 Artikel als HTML ausliefern und Platzhalter für Kommentare verwenden:
<div class=‘hidden‘ id=‘comments‘> </div> Kommentare per Ajax nachladen.

41 Artikel als HTML ausliefern und Platzhalter für Kommentare verwenden:
<div class=‘hidden‘ id=‘comments‘> </div> Kommentare per Ajax nachladen. Noch besser: Kommentare via Facebook einbinden.

42 Tipps, Tricks, Märchen PHP ist für PHP
Yahoo‘s 34 rules for speeding up your Website Lass andere die Arbeit machen „Refactor later“ NoSQL, Alternativen zu MySQL „Die Datenbank ist der Flaschenhals“ „Frameworks fressen Performance“ „Hardware ist billiger als Entwickler“

43 <img src=‘img.php?path=/media/logo.gif‘>
Tipps, Tricks, Märchen PHP ist für PHP <img src=‘img.php?path=/media/logo.gif‘>

44 <img src=‘img.php?path=/media/logo.gif‘>
Tipps, Tricks, Märchen PHP ist für PHP <img src=‘img.php?path=/media/logo.gif‘> Apache + PHP = 15 MB RAM

45 <img src=‘img.php?path=/media/logo.gif‘>
Tipps, Tricks, Märchen PHP ist für PHP <img src=‘img.php?path=/media/logo.gif‘> Apache + PHP = 15 MB RAM Apache = 5 MB RAM noch besser: lighty / nginx

46 Tipps, Tricks, Märchen Yahoo‘s 34 rules for speeding up your Website

47 Tipps, Tricks, Märchen Yahoo‘s 34 rules for speeding up your Website

48 Tipps, Tricks, Märchen Lass andere die Arbeit machen

49 Tipps, Tricks, Märchen 2 PHP Webserver vs. 4000 Browser
Lass andere die Arbeit machen 2 PHP Webserver vs. 4000 Browser

50 Tipps, Tricks, Märchen „Refactor later“

51 Tipps, Tricks, Märchen „Refactor later“ Jetzt oder nie!

52 Tipps, Tricks, Märchen CouchDB MongoDB SimpleDB (Amazon)
NoSQL, Alternativen zu MySQL CouchDB MongoDB SimpleDB (Amazon) Project Voldemort Cassandra Redis

53 Tipps, Tricks, Märchen „Die Datenbank ist der Flaschenhals“

54 Tipps, Tricks, Märchen Offensichtlich vs. Tatsächlich
„Die Datenbank ist der Flaschenhals“ Offensichtlich vs. Tatsächlich

55 Tipps, Tricks, Märchen „Frameworks fressen Performance“

56 Tipps, Tricks, Märchen Total costs Wartbarkeit Coding Style
„Frameworks fressen Performance“ Total costs Wartbarkeit Coding Style Einarbeitungszeit

57 Fazit: Framework verbessern / optimieren
Tipps, Tricks, Märchen „Frameworks fressen Performance“ Total costs Wartbarkeit Coding Style Einarbeitungszeit Fazit: Framework verbessern / optimieren

58 Tipps, Tricks, Märchen „Hardware ist billiger als Entwickler“

59 Tipps, Tricks, Märchen „Hardware ist billiger als Entwickler“

60 Tipps, Tricks, Märchen Server verlieren Wert. Menschen werden besser.
„Hardware ist billiger als Entwickler“ Server verlieren Wert. Menschen werden besser.

61 Hosting für Fortgeschrittene
thx, Cheers!, good night.