Illusion of Time

A presentation at JSConf EU in September 2015 in Berlin, Germany by Denys Mishunov

Slide 1

Slide 1

Illusion of TIME

Slide 2

Slide 2

Slide 3

Slide 3

REMEMBER THAT TIME IS MONEY

Slide 4

Slide 4

SITE LOADING Bounce Rate 1 SECOND vs SITE LOADING 3 SECONDS http://goo.gl/oWgPrn

50 %

Slide 5

Slide 5

SITE LOADING Conversions 1 SECOND vs SITE LOADING 3 SECONDS http://goo.gl/oWgPrn 22 + %

Slide 6

Slide 6

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

  • %

Slide 7

Slide 7

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

Slide 8

Slide 8

Conversions 2,2 SECONDS PERFORMANCE IMPROVEMENT https://goo.gl/0fx4ma 15,4 + %

Slide 9

Slide 9

Conversions 2,2 SECONDS PERFORMANCE IMPROVEMENT https://goo.gl/0fx4ma 10,28 million/year

Slide 10

Slide 10

Slide 11

Slide 11

$88.99 billion

Slide 12

Slide 12

$88.99 billion

Slide 13

Slide 13

EASY TIGER

Slide 14

Slide 14

Slide 15

Slide 15

PERFORMANCE IS NOT MATHEMATICS

Slide 16

Slide 16

PERFORMANCE IS PERCEPTION

Slide 17

Slide 17

Slide 18

Slide 18

Slide 19

Slide 19

WEBER-FECHNER LAW “ The just-noticeable difference between two stimuli is proportional to the magnitude of the stimuli. ”

Slide 20

Slide 20

WEBER-FECHNER LAW DURATION JND JND = k% of DURATION

Slide 21

Slide 21

20% RULE DURATION JND JND = 20%

Slide 22

Slide 22

NOTICEABLE = != MEANINGFUL

Slide 23

Slide 23

“ TIME persists merely as a consequence of the EVENTS taking place in [space]. Martin Heidegger ”

Slide 24

Slide 24

EVENT START EVENT MARKER END EVENT MARKER

Slide 25

Slide 25

ACTIVE PASSIVE

Slide 26

Slide 26

ACTIVE PASSIVE

Slide 27

Slide 27

ACTIVE PASSIVE

Slide 28

Slide 28

PEOPLE HATE PASSIVE WAIT

Slide 29

Slide 29

PREEMPTIVE START EVENT START EVENT MARKER

Slide 30

Slide 30

  • c i g a m PREEMPTIVE START START EVENT MARKER EVENT

Slide 31

Slide 31

Slide 32

Slide 32

Slide 33

Slide 33

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

Slide 34

Slide 34

OPENNING IN NEW TAB

Slide 35

Slide 35

OPENNING IN NEW TAB

Slide 36

Slide 36

rel=“dns-prefetch” rel=“preconnect” rel=“prefetch” rel=“prerender” rel=“subresource”

Slide 37

Slide 37

EARLY COMPLETION EVENT END EVENT MARKER

Slide 38

Slide 38

EARLY COMPLETION EVENT END EVENT MARKER

  • c i g a m

Slide 39

Slide 39

PASSIVE PHASE

Slide 40

Slide 40

ACTIVE PHASE

Slide 41

Slide 41

Slide 42

Slide 42

Slide 43

Slide 43

ACTIVE PHASE PASSIVE PHASE

Slide 44

Slide 44

Slide 45

Slide 45

MODERN USE OF MIRRORS

Slide 46

Slide 46

Slide 47

Slide 47

THANK YOU @mishunov DigitalGarden AS, Norway