Deconstructing Performance

As it has been presented at SmashingConf Freiburg 2016, Germany.

Transcript

1. DENYS MISHUNOV • DIGITAL GARDEN AS • @MISHUNOV
2. - How long is FOREVER? - Sometimes just 1 SECOND
3. 2001
4. 2016
5. 2001
6. 2016
7. 2003
8. 2016
10. 2003 2005 2007 2009 2011 2013 2015 "7&3"(&
    #:5&4
    1&3
    1"(& 93,7 kB 2446 kB IUUQHPPHMRKNVN
11. -0"%*/(
    5*.&
    &70-65*0/ 1999 2006 2012 2016 IUUQHPPHMRKNVN 8 s 4 s 2 s 1 s 2446 kB
12. 
    T 
    DPOWFSTJPὝ 
    T 
    SFWFOVF
13. l8&#
    453&44z
    'PWJBODF
    
14. $0/$&/53"5&
    61
    50
    
     IUUQHPPHMLK52;3 l8&#
    453&44z
    'PWJBODF
    
15. l.0#*-&
    8&#
    453&44z
    3BEXBSF
    
16. l.0#*-&
    8&#
    453&44z
    3BEXBSF
     IUUQHPPHM81C(6 1&",
    '36453"5*0/
    61
    50
    
    
17. l.0#*-&
    8&#
    453&44z
    3BEXBSF
     IUUQHPPHM81C(6 &/("(&.&/5
    61
    50
    
    
18. .0#*-&
    53"/4"$5*0/4
    4637&: Harris Interactive for Tealeaf, 2011
19. 
    $634&%
    BU
    UIFJS
    EFWJDF #*@%! .0#*-&
    53"/4"$5*0/4
    4637&:
20. 
    4$3&".&%
    BU
    UIFJS
    EFWJDF .0#*-&
    53"/4"$5*0/4
    4637&:
21. 
    5)3&8
    UIFJS
    EFWJDF .0#*-&
    53"/4"$5*0/4
    4637&:
22. 1&01-&
    )"5&
    8"*5*/(
23. IUUQHPPHM+O9;Y 19.913s 19.000s 22.213s
24. 
    NJMMJPO
    WJFXT IUUQHPPHM+O9;Y 19.913s 19.000s 22.213s
26. 1&3'
    
    
    
    
    3."/$&
    JT
    OPU
    ."5)&."5*$4
27. 1&3'
    
    
    
    
    3."/$&
    JT
    1&3$&15*0/
28. 5IF
    SFBM
    UIJOH
    XF
    BSF
    BGUFS
    JT
    UP
    DSFBUF
    B
    VTFS
    FYQFSJFODF
    UIBU
    QFPQMF
    MPWF
    BOE
    UIFZ
    GFFM
    JT
    GBTU
    BOE
    TP
    XF
    NJHIU
    CF
    GSPOUFOE
    FOHJOFFST
    XF
    NJHIU
    CF
    EFW
    XF
    NJHIU
    CF
    PQT
    CVU
    XIBU
    XF
    SFBMMZ
    BSF
    JT
    QFSDFQUJPO
    CSPLFST Steve Souders, “High Performance Web Sites” t u
32. +/%
    KVTU
    OPUJDFBCMF
    EJ⒎FSFODF 8&#&3'&$)/&3
    -"8
33. 
    36-& &7&/5
34.  
    36-& &7&/5
35. .&"/*/('6- /05*$&"#-& !==
36. OPTION 1 OPTION 2
37. OPTION 1 OPTION 2 і і
39. &7&/5 REGRESSION ALLOWANCE 
    36-&
40.  &7&/5 REGRESSION ALLOWANCE 
    36-&
41. 5*.&
    QFSTJTUT
    NFSFMZ
    BT
    B
    DPOTFRVFODF
    PG
    UIF
    &7&/54
    UBLJOH
    QMBDF
    JO
    <TQBDF> Martin Heidegger t u
42.  1"44*7& "$5*7& #PZ
    BN
    *
    CVTZ
43. 1"44*7& "$5*7& #PZ
    BN
    *
    CVTZ
44. 13&&.15*7&
    45"35 &7&/5 ПРОЦЕСС &7&/5 &7&/5 "$5*7&
    1)"4&
47. 13&-0"%
    501
    )*54
    NPCJMF
    4BGBSJ 4FUUJOHT
    
    4BGBSJ
    
    1SFMPBE
    5PQ
    )JUT
48. MJOL
    SFMlʜ
    ISFGlʜ IUUQTXXXXPSH538%SFTPVSDFIJOUT 3&4063$&
    )*/54
49. SFMlEOTQSFGFUDIz
    SFMlQSFDPOOFDUz
    SFMlQSFGFUDIz
    SFMlQSFSFOEFSz
    SFMlQSFMPBEz
    BTl5:1&z IUUQHPPHM,LR+%
50. &"3-:
    $0.1-&5*0/ &7&/5 ПРОЦЕСС &7&/5 &7&/5 "$5*7&
    1)"4&
51. 1"44*7&
    1)"4&
52. 1"44*7&
    1)"4&
53. "$5*7&
    1)"4& 4."4)*/(
    #*35)%":
54. 015*.*45*$
    6*
55. $-*$,
    .& 0-%
    %":4
56. $-*$,
    .& "1* 0-%
    %":4
57. "1* ✔ /05015*.*45*$
    6*
58. $-*$,
    .& /05400-%
    %":4
59. "1* /05400-%
    %":4
60. "1* /0540015*.*45*$
    6* ✔
61. 015*.*45*$
    6*
62. $-*$,
    .& 015*.*45*$
    6*
63. "1* ✔ 015*.*45*$
    6*
64. "1* ✔ error 0)
    .:ʜ 015*.*45*$
    6*
65. $3*5*$"-
    1"5)
66. $3*5*$"-
    1"5) $0/5&/5 +4 +4 *.( )5.- $44 $44 +4 +4 *.( *.(
67. $3*5*$"-
    1"5) $0/5&/5 +4 +4 *.( )5.- $44 $44 *.( *.( +4
68. HPPHM+O9;Y
69. HPPHM+O9;Y "$5*7&
    1)"4& 1"44*7&
    1)"4&
74. 5IF
    QFSDFQUJPO
    PG
    QFSGPSNBODF
    JT
    KVTU
    BT
    F⒎FDUJWF
    BT
    BDUVBM
    QFSGPSNBODF
    ῶ
    NBOZ
    DBTFT t u
75. - How long is FOREVER? - …
76. 5)"/,
    :06 DENYS MISHUNOV • DIGITAL GARDEN AS DRAWINGS: DENYS MISHUNOV a.k.a “ME” TWITTER: @MISHUNOV