• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Speedy App: Frontend Performance Considerations
 

Speedy App: Frontend Performance Considerations

on

  • 9,959 views

Execution time in the backend is not all there is to the speed of a web application. In this talk, we'll look at the basic enhancements we can make to get an applications that truly feels snappy!

Execution time in the backend is not all there is to the speed of a web application. In this talk, we'll look at the basic enhancements we can make to get an applications that truly feels snappy!

Statistics

Views

Total Views
9,959
Views on SlideShare
6,740
Embed Views
3,219

Actions

Likes
28
Downloads
167
Comments
4

20 Embeds 3,219

http://www.lafermeduweb.net 2614
http://www.symfonylab.com 173
http://www.symfony.es 146
http://blogdwich.fr 146
http://pocky.github.com 63
http://www.emmanuelpereira.com 15
http://lanyrd.com 14
http://www.linkedin.com 14
http://pocky.github.io 7
http://www.blog4dev.ch 5
http://a0.twimg.com 4
http://webcache.googleusercontent.com 4
http://paper.li 3
http://static.slidesharecdn.com 2
http://twitter.com 2
http://feeds.feedburner.com 2
http://translate.googleusercontent.com 2
http://feedproxy.google.com 1
http://www.mapledesign.co.uk 1
http://m.lafermeduweb.net 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

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

14 of 4 previous next Post a comment

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • @fabrizio: skitch app and a bamboo fun pen and touch.
    Are you sure you want to
    Your message goes here
    Processing…
  • @cancelbubble: hrhrhr... these slides are actually hand written ;)
    Are you sure you want to
    Your message goes here
    Processing…
  • Brilliant stuff, Pierre.
    Are you sure you want to
    Your message goes here
    Processing…
  • Your choice of font sucks, it is way too hard to read. Seriously, I bailed at slide 9. I encourage you to change it and re-upload, future potential readers will no doubt appreciate it.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Speedy App: Frontend Performance Considerations Speedy App: Frontend Performance Considerations Presentation Transcript

    • GET /nelm.io/pierreHTTP/1.1HOST: nelm.ioHTTP/1.1 200 OKContent-Type: text/html; charset=UTF-8Last-Modified: Wed, 23 Feb 2011 17:00:00 GTMContent-Length: 453
    • GET /nelm.io/pierreHTTP/1.1HOST: nelm.ioHTTP/1.1 200 OKContent-Type: text/html; charset=UTF-8Last-Modified: Thu, 30 Sep 2011 17:00:00 GTMContent-Length: 453
    • GET /nelm.io/pierreHTTP/1.1HOST: nelm.ioHTTP/1.1 200 OKContent-Type: text/html; charset=UTF-8Last-Modified: Thu, 30 Sep 2011 17:00:00 GTMContent-Length: 453
    • GET /nelm.io/pierreHTTP/1.1HOST: nelm.ioIf-Modified-Since: Thu, 30 Sep 2011 17:00:00 GTMHTTP/1.1 304 Not ModifiedContent-Type: text/html; charset=UTF-8Last-Modified: Wed, 23 Feb 2011 17:00:00 GTM
    • GET /nelm.io/pierreHTTP/1.1HOST: nelm.ioIf-Modified-Since: Thu, 30 Sep 2011 17:00:00 GTMHTTP/1.1 304 Not ModifiedContent-Type: text/html; charset=UTF-8Last-Modified: Thu, 30 Sep 2011 17:00:00 GTM
    • <img src="data:image/gif;base64,R0lGODlhEAAOALMAAOazToeH h0tLS/7LZv/0jvb29t/f3//Ub//ge8WSLf/rhf/3kdbW1mxsbP/ 5UUde0ECwLJoExKcppV0aCcGCmTIHEIUEqjgaORCMxIC6e0Ccgu Ww6aFjsVMkkIr7g77ZKPJjPZqIyd7sJAgVGoEGv2xsBxqNgYPj" width="16" height="14" alt="Play">
    • HTTP/1.1 200 OKContent-Type: application/x-javascriptLast-Modified: Wed, 23 Feb 2011 17:23:32 GTMExpires: Wed, 23 Feb 2011 19:23:32 GTM
    • HTTP/1.1 200 OKContent-Type: application/x-javascriptLast-Modified: Thu, 30 Sep 2011 17:00:00 GTMExpires: Thu, 30 Sep 2011 21:00:00 GTM
    • HTTP/1.1 200 OKContent-Type: application/x-javascriptLast-Modified: Thu, 30 Sep 2011 17:00:00 GTMExpires: Thu, 30 Sep 2021 21:00:00 GTM
    • HTTP/1.1 200 OKContent-Type: application/x-javascriptLast-Modified: Thu, 30 Sep 2011 17:00:00 GTMCache-Control: max-age=315360000
    • HTTP/1.1 200 OKContent-Type: application/x-javascriptLast-Modified: Thu, 30 Sep 2011 17:00:00 GTMCache-Control: max-age=315360000
    • HTTP/1.1 200 OKContent-Type: application/x-javascriptLast-Modified: Thu, 30 Sep 2011 17:00:00 GTMCache-Control: max-age=315360000
    • <FilesMatch ".(gif|jpg|js|css)"> ExpiresDefault "access plus 10 years"</FilesMatch>
    • GET /nelm.io/pierreHTTP/1.1HOST: nelm.ioAccept-Encoding: gzip,deflateHTTP/1.1 200 OKContent-Type: text/html; charset=UTF-8Last-Modified: Thu, 30 Sep 2011 17:00:00 GTMContent-Length: 453Content-Encoding: gzip
    • HTTP/1.1 200 OKContent-Type: text/html; charset=UTF-8Last-Modified: Wed, 23 Feb 2011 17:00:00 GTMContent-Length: 453Content-Encoding: gzipVary: Accept-Encoding
    • HTTP/1.1 200 OKContent-Type: text/html; charset=UTF-8Last-Modified: Thu, 30 Sep 2011 17:00:00 GTMContent-Length: 453Content-Encoding: gzipVary: Accept-Encoding
    • As of February 2010, estimates of IE6sglobal market share ranged from 10-20%.Nonetheless, IE6 continues to maintain aplurality or even majority presence in thebrowser market of certain countries,notably China and South Korea. - Wikipedia
    • Vary: *Cache-Control: private
    • Vary: *Cache-Control: private
    • document.write
    • width: expression(document.body.clientWitdh < 600 ? “600px” : “auto”);min-width: 600px;
    • GET /nelm.io/foo.js GET /nelm.io/foo.jsHOST: nelm.io HOST: nelm.io If-Modified-Since: [...] If-None-Match: 10f24bc-4abHTTP/1.1 200 OK HTTP/1.1 304 Not ModifiedLast-Modified:[...]ETag: 10f24bc-4ab-457e1c1f
    • GET /nelm.io/foo.js GET /nelm.io/foo.jsHOST: nelm.io HOST: nelm.io If-Modified-Since: [...] If-None-Match: 10f24bc-4ab HTTP/1.1 304 Not ModifiedHTTP/1.1 200 OKETag: 10f24bc-4ab-457e1c1f
    • GET /nelm.io/foo.js GET /nelm.io/foo.jsHOST: nelm.io HOST: nelm.io If-None-Match: 10f24bc-4ab HTTP/1.1 304 Not ModifiedHTTP/1.1 200 OKETag: 10f24bc-4ab-457e1c1f
    • GET /nelm.io/foo.js GET /nelm.io/foo.jsHOST: nelm.io HOST: nelm.io If-None-Match: 10f24bc-4ab HTTP/1.1 304 Not ModifiedHTTP/1.1 200 OKETag: 10f24bc-4ab-457e1c1f
    • HTTP/1.1 200 OKETag: 10f24bc-4ab-457e1c1f