frontend performance - web entwickler forum

154

Upload: pierre-spring

Post on 09-May-2015

53.956 views

Category:

Technology


4 download

TRANSCRIPT

Page 1: Frontend Performance - Web Entwickler Forum
Page 2: Frontend Performance - Web Entwickler Forum
Page 3: Frontend Performance - Web Entwickler Forum
Page 4: Frontend Performance - Web Entwickler Forum
Page 5: Frontend Performance - Web Entwickler Forum
Page 6: Frontend Performance - Web Entwickler Forum
Page 7: Frontend Performance - Web Entwickler Forum
Page 8: Frontend Performance - Web Entwickler Forum
Page 9: Frontend Performance - Web Entwickler Forum
Page 10: Frontend Performance - Web Entwickler Forum
Page 11: Frontend Performance - Web Entwickler Forum
Page 12: Frontend Performance - Web Entwickler Forum
Page 13: Frontend Performance - Web Entwickler Forum
Page 14: Frontend Performance - Web Entwickler Forum
Page 15: Frontend Performance - Web Entwickler Forum
Page 16: Frontend Performance - Web Entwickler Forum
Page 17: Frontend Performance - Web Entwickler Forum
Page 18: Frontend Performance - Web Entwickler Forum
Page 19: Frontend Performance - Web Entwickler Forum
Page 20: Frontend Performance - Web Entwickler Forum
Page 21: Frontend Performance - Web Entwickler Forum
Page 22: Frontend Performance - Web Entwickler Forum
Page 23: Frontend Performance - Web Entwickler Forum

HTTP/1.1 200 OKContent-Type: text/html; charset=UTF-8Last-Modified: Wed, 23 Feb 2011 12:23:32 GTMContent-Length: 453

GET /nelm.io/pierreHTTP/1.1HOST: nelm.io

Page 24: Frontend Performance - Web Entwickler Forum

HTTP/1.1 200 OKContent-Type: text/html; charset=UTF-8Last-Modified: Thu, 5 Jun 2011 12:23:32 GTMContent-Length: 453

GET /nelm.io/pierreHTTP/1.1HOST: nelm.io

Page 25: Frontend Performance - Web Entwickler Forum

HTTP/1.1 200 OKContent-Type: text/html; charset=UTF-8Last-Modified: Thu, 5 Jun 2011 12:23:32 GTM Content-Length: 453

GET /nelm.io/pierreHTTP/1.1HOST: nelm.io

Page 26: Frontend Performance - Web Entwickler Forum

GET /nelm.io/pierreHTTP/1.1HOST: nelm.ioIf-Modified-Since: Thu, 5 Jun 2011 12:23:32 GTM

HTTP/1.1 304 Not ModifiedContent-Type: text/html; charset=UTF-8Last-Modified: Wed, 23 Feb 2011 12:23:32 GTM

Page 27: Frontend Performance - Web Entwickler Forum

GET /nelm.io/pierreHTTP/1.1HOST: nelm.ioIf-Modified-Since: Thu, 5 Jun 2011 12:23:32 GTM

HTTP/1.1 304 Not ModifiedContent-Type: text/html; charset=UTF-8Last-Modified: Thu, 5 Jun 2011 12:23:32 GTM

Page 28: Frontend Performance - Web Entwickler Forum
Page 29: Frontend Performance - Web Entwickler Forum
Page 30: Frontend Performance - Web Entwickler Forum
Page 31: Frontend Performance - Web Entwickler Forum
Page 32: Frontend Performance - Web Entwickler Forum
Page 33: Frontend Performance - Web Entwickler Forum
Page 34: Frontend Performance - Web Entwickler Forum
Page 35: Frontend Performance - Web Entwickler Forum
Page 36: Frontend Performance - Web Entwickler Forum
Page 37: Frontend Performance - Web Entwickler Forum

<img src="data:image/gif;base64,R0lGODlhEAAOALMAAOazToeH h0tLS/7LZv/0jvb29t/f3//Ub//ge8WSLf/rhf/3kdbW1mxsbP/ 5UUde0ECwLJoExKcppV0aCcGCmTIHEIUEqjgaORCMxIC6e0Ccgu Ww6aFjsVMkkIr7g77ZKPJjPZqIyd7sJAgVGoEGv2xsBxqNgYPj" width="16" height="14" alt="Play">

Page 38: Frontend Performance - Web Entwickler Forum
Page 39: Frontend Performance - Web Entwickler Forum
Page 40: Frontend Performance - Web Entwickler Forum
Page 41: Frontend Performance - Web Entwickler Forum
Page 42: Frontend Performance - Web Entwickler Forum
Page 43: Frontend Performance - Web Entwickler Forum
Page 44: Frontend Performance - Web Entwickler Forum
Page 45: Frontend Performance - Web Entwickler Forum

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

Page 46: Frontend Performance - Web Entwickler Forum

HTTP/1.1 200 OKContent-Type: application/x-javascriptLast-Modified: Thu, 5 Jun 2011 12:23:32 GTMExpires: Thu, 5 Jun 2012 18:23:32 GTM

Page 47: Frontend Performance - Web Entwickler Forum

HTTP/1.1 200 OKContent-Type: application/x-javascriptLast-Modified: Thu, 5 Jun 2011 12:23:32 GTM Expires: Thu, 5 Jun 2022 18:23:32 GTM

Page 48: Frontend Performance - Web Entwickler Forum

HTTP/1.1 200 OKContent-Type: application/x-javascriptLast-Modified: Thu, 5 Jun 2011 12:23:32 GTMCache-Control: max-age=315360000

Page 49: Frontend Performance - Web Entwickler Forum

HTTP/1.1 200 OKContent-Type: application/x-javascriptLast-Modified: Thu, 5 Jun 2011 12:23:32 GTM Cache-Control: max-age=315360000

Page 50: Frontend Performance - Web Entwickler Forum

HTTP/1.1 200 OKContent-Type: application/x-javascriptLast-Modified: Thu, 5 Jun 2011 12:23:32 GTMCache-Control: max-age=315360000

Page 51: Frontend Performance - Web Entwickler Forum
Page 52: Frontend Performance - Web Entwickler Forum
Page 53: Frontend Performance - Web Entwickler Forum

<FilesMatch "\.(gif|jpg|js|css)"> ExpiresDefault "access plus 10 years"</FilesMatch>

Page 54: Frontend Performance - Web Entwickler Forum
Page 55: Frontend Performance - Web Entwickler Forum
Page 56: Frontend Performance - Web Entwickler Forum
Page 57: Frontend Performance - Web Entwickler Forum
Page 58: Frontend Performance - Web Entwickler Forum
Page 59: Frontend Performance - Web Entwickler Forum
Page 60: Frontend Performance - Web Entwickler Forum
Page 61: Frontend Performance - Web Entwickler Forum
Page 62: Frontend Performance - Web Entwickler Forum

HTTP/1.1 200 OKContent-Type: text/html; charset=UTF-8Last-Modified: Thu, 5 Jun 2011 12:23:32 GTMContent-Length: 453Content-Encoding: gzip

GET /nelm.io/pierreHTTP/1.1HOST: nelm.ioAccept-Encoding: gzip,deflate

Page 63: Frontend Performance - Web Entwickler Forum
Page 64: Frontend Performance - Web Entwickler Forum
Page 65: Frontend Performance - Web Entwickler Forum
Page 66: Frontend Performance - Web Entwickler Forum
Page 67: Frontend Performance - Web Entwickler Forum
Page 68: Frontend Performance - Web Entwickler Forum
Page 69: Frontend Performance - Web Entwickler Forum
Page 70: Frontend Performance - Web Entwickler Forum
Page 71: Frontend Performance - Web Entwickler Forum
Page 72: Frontend Performance - Web Entwickler Forum
Page 73: Frontend Performance - Web Entwickler Forum
Page 74: Frontend Performance - Web Entwickler Forum

HTTP/1.1 200 OKContent-Type: text/html; charset=UTF-8Last-Modified: Wed, 23 Feb 2011 12:23:32 GTMContent-Length: 453Content-Encoding: gzipVary: Accept-Encoding

Page 75: Frontend Performance - Web Entwickler Forum

HTTP/1.1 200 OKContent-Type: text/html; charset=UTF-8Last-Modified: Thu, 5 Jun 2011 12:23:32 GTMContent-Length: 453Content-Encoding: gzipVary: Accept-Encoding

Page 76: Frontend Performance - Web Entwickler Forum
Page 77: Frontend Performance - Web Entwickler Forum
Page 78: Frontend Performance - Web Entwickler Forum

As of February 2010, estimates of IE6's global market share ranged from 10-20%. Nonetheless, IE6 continues to maintain a plurality or even majority presence in the browser market of certain countries, notably China and South Korea.

- Wikipedia

Page 79: Frontend Performance - Web Entwickler Forum
Page 80: Frontend Performance - Web Entwickler Forum

Vary: *Cache-Control: private

Page 81: Frontend Performance - Web Entwickler Forum

Vary: *Cache-Control: private

Page 82: Frontend Performance - Web Entwickler Forum
Page 83: Frontend Performance - Web Entwickler Forum
Page 84: Frontend Performance - Web Entwickler Forum
Page 85: Frontend Performance - Web Entwickler Forum
Page 86: Frontend Performance - Web Entwickler Forum
Page 87: Frontend Performance - Web Entwickler Forum
Page 88: Frontend Performance - Web Entwickler Forum
Page 89: Frontend Performance - Web Entwickler Forum
Page 90: Frontend Performance - Web Entwickler Forum
Page 91: Frontend Performance - Web Entwickler Forum
Page 92: Frontend Performance - Web Entwickler Forum
Page 93: Frontend Performance - Web Entwickler Forum
Page 94: Frontend Performance - Web Entwickler Forum
Page 95: Frontend Performance - Web Entwickler Forum
Page 96: Frontend Performance - Web Entwickler Forum

document.write

Page 97: Frontend Performance - Web Entwickler Forum
Page 98: Frontend Performance - Web Entwickler Forum
Page 99: Frontend Performance - Web Entwickler Forum
Page 100: Frontend Performance - Web Entwickler Forum
Page 101: Frontend Performance - Web Entwickler Forum
Page 102: Frontend Performance - Web Entwickler Forum
Page 103: Frontend Performance - Web Entwickler Forum
Page 104: Frontend Performance - Web Entwickler Forum

width: expression(document.body.clientWitdh < 600 ? “600px” : “auto”);min-width: 600px;

Page 105: Frontend Performance - Web Entwickler Forum
Page 106: Frontend Performance - Web Entwickler Forum
Page 107: Frontend Performance - Web Entwickler Forum
Page 108: Frontend Performance - Web Entwickler Forum
Page 109: Frontend Performance - Web Entwickler Forum
Page 110: Frontend Performance - Web Entwickler Forum
Page 111: Frontend Performance - Web Entwickler Forum
Page 112: Frontend Performance - Web Entwickler Forum
Page 113: Frontend Performance - Web Entwickler Forum
Page 114: Frontend Performance - Web Entwickler Forum
Page 115: Frontend Performance - Web Entwickler Forum
Page 116: Frontend Performance - Web Entwickler Forum
Page 117: Frontend Performance - Web Entwickler Forum
Page 118: Frontend Performance - Web Entwickler Forum
Page 119: Frontend Performance - Web Entwickler Forum
Page 120: Frontend Performance - Web Entwickler Forum
Page 121: Frontend Performance - Web Entwickler Forum
Page 122: Frontend Performance - Web Entwickler Forum
Page 123: Frontend Performance - Web Entwickler Forum
Page 124: Frontend Performance - Web Entwickler Forum
Page 125: Frontend Performance - Web Entwickler Forum
Page 126: Frontend Performance - Web Entwickler Forum
Page 127: Frontend Performance - Web Entwickler Forum
Page 128: Frontend Performance - Web Entwickler Forum
Page 129: Frontend Performance - Web Entwickler Forum
Page 130: Frontend Performance - Web Entwickler Forum
Page 131: Frontend Performance - Web Entwickler Forum

HTTP/1.1 200 OKLast-Modified:[...]ETag: 10f24bc-4ab-457e1c1f

GET /nelm.io/foo.jsHOST: nelm.io

GET /nelm.io/foo.jsHOST: nelm.ioIf-Modified-Since: [...]If-None-Match: 10f24bc-4ab-457e1c1f

HTTP/1.1 304 Not Modified

Page 132: Frontend Performance - Web Entwickler Forum

HTTP/1.1 200 OKETag: 10f24bc-4ab-457e1c1f

GET /nelm.io/foo.jsHOST: nelm.io

GET /nelm.io/foo.jsHOST: nelm.ioIf-Modified-Since: [...]If-None-Match: 10f24bc-4ab-457e1c1f

HTTP/1.1 304 Not Modified

Page 133: Frontend Performance - Web Entwickler Forum

HTTP/1.1 200 OKETag: 10f24bc-4ab-457e1c1f

GET /nelm.io/foo.jsHOST: nelm.io

HTTP/1.1 304 Not Modified

GET /nelm.io/foo.jsHOST: nelm.ioIf-None-Match: 10f24bc-4ab-457e1c1f

Page 134: Frontend Performance - Web Entwickler Forum

HTTP/1.1 200 OKETag: 10f24bc-4ab-457e1c1f

GET /nelm.io/foo.jsHOST: nelm.io

GET /nelm.io/foo.jsHOST: nelm.ioIf-None-Match: 10f24bc-4ab-457e1c1f

HTTP/1.1 304 Not Modified

Page 135: Frontend Performance - Web Entwickler Forum

HTTP/1.1 200 OKETag: 10f24bc-4ab-457e1c1f

Page 136: Frontend Performance - Web Entwickler Forum
Page 137: Frontend Performance - Web Entwickler Forum
Page 138: Frontend Performance - Web Entwickler Forum
Page 139: Frontend Performance - Web Entwickler Forum
Page 140: Frontend Performance - Web Entwickler Forum
Page 141: Frontend Performance - Web Entwickler Forum
Page 142: Frontend Performance - Web Entwickler Forum
Page 143: Frontend Performance - Web Entwickler Forum
Page 144: Frontend Performance - Web Entwickler Forum
Page 145: Frontend Performance - Web Entwickler Forum
Page 146: Frontend Performance - Web Entwickler Forum
Page 147: Frontend Performance - Web Entwickler Forum
Page 148: Frontend Performance - Web Entwickler Forum
Page 149: Frontend Performance - Web Entwickler Forum
Page 150: Frontend Performance - Web Entwickler Forum
Page 151: Frontend Performance - Web Entwickler Forum
Page 152: Frontend Performance - Web Entwickler Forum
Page 153: Frontend Performance - Web Entwickler Forum
Page 154: Frontend Performance - Web Entwickler Forum