• Like
  • Save

Loading…

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

PHP Kongress 2010 - Web-Performance

  • 648 views
Uploaded on

My talk at PHP Kongress 2010 about rules and practices considering web performance.

My talk at PHP Kongress 2010 about rules and practices considering web performance.

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
648
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
0
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. t W Z > W,W t < D
  • 2. , • ^ / ' •  ^ Nico •  & d • ,dD> yD> ^^ : ^ • t W : y ^
  • 3.  ^ •  t • , ^ • d ' • , ^ ^ • d d Z
  • 4. W K Steve Souders 2007 2009
  • 5. ^ 
  • 6. CSS IMG Script HTML
  • 7. Reduziere die Anzahl der HTTP-Requests
  • 8. t ,ddW Z Internet Service Provider + Bandbreite des Anwenders + Nähe zu Peering-Punkten + Distanz
  • 9. t ,ddW Z Client ? Server
  • 10. Wie schnell surft denn Deutschland so?
  • 11.  • / d • > s D •   ^ W D • W ^ D D • ' D
  • 12. & s Frankfurt / IE7 / 1,5 Mbit/s 13 Sekunden
  • 13. ^ Z 6,3 Sekunden
  • 14. ^ s Frankfurt / IE7 / 1,5 Mbit/s 9 Sekunden
  • 15. ' K 100 bis 400 ms 0,2% bis 0,6% weniger Suchanfragen
  • 16. / 2,2 Sekunden schneller 10,8 Mio/Jahr 15% mehr Downloads
  • 17. Was machen wir?
  • 18. CSS IMG Script HTML
  • 19. CSS IMG CDS Script HTML
  • 20. CSS IMG Script HTML Pustefix Framework
  • 21. CSS IMG Script HTML Jasmin
  • 22. : ^ E
  • 23. : • E ^ • : ^ D
  • 24. D  Qooxdoo Dependency Autocompletion webservice.js autocompletion.js autocompletion.css
  • 25. D  >/E< ^Z/Wd
  • 26. t ,ddW Z > ^ Z ^> W ^   Z DslStart DslMobile DslCheck 1. Request dslorder dslorder dslorder 2. Request autocompletion
  • 27. t ,ddW Z > ^ Z ^> W ^   Z 1. Request 2. Request gZip 1. Seite 2. Seite
  • 28. t ,ddW Z Z Z s E
  • 29. t ,ddW Z Z s E
  • 30. D Original Optimierte Version ^ , /  /
  • 31. < gZip
  • 32. Minimierung + Komprimierung Einsparung: 70%
  • 33. : •  & &  ,
  • 34.   ^ ^ CSS IMG CDS Script HTML
  • 35.   ^ ^ • > D  ' & W&
  • 36.   ^ ^ Apache htdocs CDS Internet
  • 37. & &  , 2,5 Sekunden! & &  ,  Z : 
  • 38. & &  , t E Z
  • 39. h   t &
  • 40. & &  , t E Z
  • 41. & &  , /img/footer/ui-logo.gif Internet Publish <img src=„http://uicdn.net/32j4g23j4-ui-logo.gif“> url(http://uicdn.net/32j4g23j4-ui-logo.gif) HTML <img src=„/img/footer/ui-logo.gif“> MD5-Hash url(/img/footer/ui-logo.gif) /img/footer/ui-logo.gif CDS 32j4g23j4-ui-logo.gif Expires Header Sync auf CDS
  • 42.   ^ ^ > d > d s E   h^ / D
  • 43.   ^ ^ Z Z s E   h^ / D
  • 44.   ^ ^ s E 82% weniger 304-Responses
  • 45.   ^ ^ Sync auf CDS CDS
  • 46.   ^ ^ Optimierung + Sync auf CDS CDS
  • 47. ^
  • 48. ^
  • 49. ^
  • 50. ^
  • 51. W 
  • 52.   ^ ^ > d > d s E   h^ / D
  • 53. Warum eine eigene Domain? Darum
  • 54. Warum eine eigene Domain? Startseite Mobile Internet Eigene Homepage DSL
  • 55. Warum eine eigene Domain? Startseite Eigene Homepage Mobile Internet CDN DSL
  • 56. Warum eine eigene Domain?
  • 57.   E Europa Lenexa Karlsruhe Atlantik USA
  • 58.   ^ ^ /tt : h h > W s t ^ ,
  • 59.   ^ ^
  • 60. onLoad: Webservice.getNextGraphics(); „Image Prefetching“
  • 61. < t '  ^ W t 
  • 62. CSS IMG Script HTML
  • 63. Progressive Rendering
  • 64. W Z CSS an den Anfang JavaScript ganz ans Ende
  • 65. Nicholas C. Zakas Stoyan Stefanov Ross Harmes Steven Leviathan Julien Lecomte Matt Sweeney
  • 66. E  , W : &
  • 67. ^
  • 68. ^
  • 69. >  >  ^
  • 70. d W/ >  > 
  • 71. Tools
  • 72. tW 'd^d
  • 73. tW 'd^d
  • 74. tW 'd^d
  • 75. tW 'd^d
  • 76. tW 'd^d
  • 77. tW 'd^d
  • 78. tW 'd^d
  • 79. tW 'd^d
  • 80. tW 'd^d
  • 81. z^
  • 82. z^
  • 83. W ^
  • 84. W ^
  • 85. ,ddW &
  • 86. ,ddW &
  • 87. & • & E D –& –& Z d – – ,ddW , – yD>, Z D
  • 88. &
  • 89. Kennzahlen
  • 90. CSS IMG Script HTML
  • 91. Wie groß sind die ausgelieferten Ressourcen? Pro Applikation Pro Seite Werden Ressourcen nicht gefunden? Gibt es Ausreißer? Gibt es überflüssige Ressourcen?
  • 92. CDS Grafiken / Flash Jasmin CSS / JS Apache HTML Größe Fehlende Ressourcen Überflüssige Ressourcen Größe Größe Ungenutzte CSS-Selektoren Fehlende Seiten JavaScript-Fehler
  • 93. CDS Grafiken / Flash Jasmin CSS / JS Apache HTML Größe Fehlende Ressourcen Überflüssige Ressourcen Größe Größe Ungenutzte CSS-Selektoren Fehlende Seiten JavaScript-Fehler
  • 94. : ^ &
  • 95. : ^ &
  • 96. : ^ &
  • 97. : ^ &
  • 98. & ^ Location Referrer
  • 99. Nö…
  • 100. d Z : ^ /
  • 101. >
  • 102. •–ƒ”– ‡™ ƒ–‡ –‹‡ ‡™ ƒ–‡ •–ƒ”– ‹ˆ –‹‡ Ž‘‰ ’ƒ‰‡ –‹‡
  • 103. &
  • 104. s