javascript - optimising where it hurts (jake archibald)

145

Upload: jake-archibald

Post on 30-Nov-2014

20.700 views

Category:

Technology


2 download

DESCRIPTION

As the amount of JavaScript we use on our pages increases, as does its effect on page performance. Even when browsers manage to produce the same output, how they reach that output can be very different. Some optimisations aren’t obvious, others can be easily broken by seemingly unrelated statements. So, how do we get the most out of our code? This presentation challenges assumptions about performance, using practical code to demonstrate the optimisations that really make a difference, and why they make a difference.

TRANSCRIPT

Page 1: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 2: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 3: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 4: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 5: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 6: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 7: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 8: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 9: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 10: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 11: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 12: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 13: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 14: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 15: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 16: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 17: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 18: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 19: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 20: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 21: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 22: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 23: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 24: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 25: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 26: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 27: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 28: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 29: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 30: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 31: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 32: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 33: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 34: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 35: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 36: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 37: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 38: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 39: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 40: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 41: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 42: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 43: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 44: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 45: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 46: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 47: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 48: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 49: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 50: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 51: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 52: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 53: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 54: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 55: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 56: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 57: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 58: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 59: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 60: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 61: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 62: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 63: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 64: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 65: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 66: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 67: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 68: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 69: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 70: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 71: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 72: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 73: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 74: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 75: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 76: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 77: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 78: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 79: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 80: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 81: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 82: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 83: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 84: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 85: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 86: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 87: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 88: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 89: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 90: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 91: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 92: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 93: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 94: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 95: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 96: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 97: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 98: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 99: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 100: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 101: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 102: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 103: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 104: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 105: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 106: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 107: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 108: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 109: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 110: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 111: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 112: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 113: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 114: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 115: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 116: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 117: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 118: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 119: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 120: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 121: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 122: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 123: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 124: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 125: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 126: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 127: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 128: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 129: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 130: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 131: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 132: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 133: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 134: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 135: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 136: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 137: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 138: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 139: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 140: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 141: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 142: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 143: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 144: JavaScript - Optimising Where it Hurts (Jake Archibald)
Page 145: JavaScript - Optimising Where it Hurts (Jake Archibald)