Life after jQuery - Speaker Deck

Slide 1

Slide 1 text

Life after jQuery

Slide 2

Slide 2 text

Steve Workman • London Web Standards Organiser • Lead UI Engineer @ Yell @steveworkman @webstandards

Slide 3

Slide 3 text

You May Remember us from…

Slide 4

Slide 4 text

@leonardogrecoLG #Vintage or what? This @yell #BOOK was delivered @7.30am! Haven’t seen one in ages. Goes well with the period phone! “

Slide 5

Slide 5 text

Smartphone != Xbox Flagship mobile phones aren’t up to 1/3 of the power of last- gen consoles Kraken 1.1 (lower is better) Samsung Galaxy S6 – 3993ms My laptop – 1043ms jQuery is significantly slower than native code http://jsperf.com/comparing- jquery-and-native-js/11 https://jsperf.com/jquery-vs- native-element-performance

Slide 6

Slide 6 text

grasp '$(__).__' -‐e -‐o *.js | sed 's/.*[.]//' | uniq -‐c.

Slide 7

Slide 7 text

Three months later

Slide 8

Slide 8 text

Bounce rate on top 3 smartphone pages during release window

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

Bugs • IE10 doesn’t support dataset – use .getattribute(data-prop) • Jasmine-jQuery (fixtures) – clash of namespace • Re-named $ to QSA – complete re-write • Lots of complex logic, .bind/$.proxy • It’s not simple, bugs happen

Slide 11

Slide 11 text

Compromise

Slide 12

Slide 12 text

Progressive Enhancement Wins

Slide 13

Slide 13 text

No content

Slide 14

Slide 14 text

Thank you Follow Me: @steveworkman Slides: speakerdeck.com/steveworkman Yell is Hiring – careers.yell.com