BARE METAL CODING OPTIMISING YOUR JAVASCRIPT FOR LEANER, MEANER PERFORMANCE

HI.

I MAKE PRODUCTS THAT SELL PRODUCTS.

I MAKE STUFF WORK.

I MAKE STUFF GO FAST.

THE RULES.

RULE #1

RULE #2

RULE #3

RULE #4

RULE #5

RULE #6

RULE #7 function Person(firstName, lastName) { this.firstName = firstName; this.lastName = lastName; } Person.prototype.sayHello = function() { alert("Hello, I'm " + this.firstName); }; var jack = new Person('Jack', 'Sparrow'); jack.sayHello();

RULE #7 (CONTINUED)

RULE #8

RULE #8 (CONTINUED) // immutable vector implementation function Vec2d(x, y) { this.x = x; this.y = y; } Vec2d.prototype.add = function(x, y) { if (x instanceof Vec2d) { y = x.y; x = x.x; } return new Vec2d(this.x + x, this.y + y); }; var a = new Vec2d(1,2), b = new Vec2d(3,4); for (var i = 0; i < 1e7; i++) a = a.add(b);

RULE #8 (CONTINUED)

RULE #9

RULE #9 (CONTINUED)

RULE #9 (CONTINUED)

RULE #10 elm.addEventListener('touchmove', function(ev) { elm.style.webkitTransform = 'translateX(' + ev.pageX + 'px)'; });

RULE #10 (CONTINUED)

RULE #11

RULE #12

THAT'S IT.

PHOTO CREDITS