Why Performance Matters

A presentation at JSConf Budapest in May 2016 in Budapest, Hungary by Denys Mishunov

Slide 1

Slide 1

Why PERF RMANCE Matters? DENYS MISHUNOV · Digital Garden AS · @mishunov

Slide 2

Slide 2

Conversions 1 SECOND PERFORMANCE IMPROVEMENT http://goo.gl/E030E 2

  • %

Slide 3

Slide 3

Conversions 1 SECOND PERFORMANCE IMPROVEMENT http://goo.gl/E030E $482.2 billion

Slide 4

Slide 4

Conversions 1 SECOND DROP in PERFORMANCE http://goo.gl/JE1gD5

4,6 %

Slide 5

Slide 5

Conversions 2 SECONDS DROP in PERFORMANCE http://goo.gl/JE1gD5

5 %

Slide 6

Slide 6

Conversions 3 SECONDS DROP in PERFORMANCE http://goo.gl/JE1gD5

7,9 %

Slide 7

Slide 7

Slide 8

Slide 8

http://goo.gl/JnXZ2x

Slide 9

Slide 9

33.3 million uniques http://goo.gl/JnXZ2x

Slide 10

Slide 10

112.6 million views http://goo.gl/JnXZ2x

Slide 11

Slide 11

Slide 12

Slide 12

PERF RMANCE is not MATHEMATICS

Slide 13

Slide 13

PERF RMANCE is PERCEPTION

Slide 14

Slide 14

https://www.youtube.com/watch?v=d5_6yHixpsQ

Slide 15

Slide 15

Slide 16

Slide 16

WEBER-FECHNER LAW JND (just noticeable difference)

Slide 17

Slide 17

20% RULE EVENT

Slide 18

Slide 18

20% RULE EVENT 20%

Slide 19

Slide 19

NOTICEABLE = != MEANINGFUL

Slide 20

Slide 20

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio.

Slide 21

Slide 21

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio.

Slide 22

Slide 22

Slide 23

Slide 23

Slide 24

Slide 24

ACTIVE Boy, am I busy! PASSIVE

Slide 25

Slide 25

ACTIVE Boy, am I busy! PASSIVE

Slide 26

Slide 26

PREEMPTIVE START ПРОЦЕСС EVENT EVENT ACTIVE PHASE EVENT

Slide 27

Slide 27

Slide 28

Slide 28

Slide 29

Slide 29

PRELOAD TOP HITS mobile Safari Settings / Safari / Preload Top Hits

Slide 30

Slide 30

Slide 31

Slide 31

Slide 32

Slide 32

EARLY COMPLETION ПРОЦЕСС EVENT EVENT EVENT ACTIVE PHASE

Slide 33

Slide 33

PASSIVE PHASE

Slide 34

Slide 34

PASSIVE PHASE

Slide 35

Slide 35

ACTIVE PHASE

Slide 36

Slide 36

goo.gl/JnXZ2x

Slide 37

Slide 37

goo.gl/JnXZ2x

Slide 38

Slide 38

PASSIVE PHASE goo.gl/JnXZ2x ACTIVE PHASE

Slide 39

Slide 39

compress

Slide 40

Slide 40

async compress

Slide 41

Slide 41

workers

Slide 42

Slide 42

Slide 43

Slide 43

“ The perception of performance is just as effective as actual performance in many cases ”

Slide 44

Slide 44

THANK YOU DENYS MISHUNOV · Digital Garden AS · @mishunov