Deconstructing Performance

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

Transcript

1. DENYS MISHUNOV • DIGITAL GARDEN AS • @MISHUNOV
   

   View Slide

2. - How long is FOREVER?
   - Sometimes just 1 SECOND
   

   View Slide

3. View Slide

4. View Slide

5. View Slide

6. View Slide

7. View Slide

8. View Slide

9. View Slide

10. 2003 2005 2007 2009 2011 2013 2015
    "7&3"(&#:5&4
    1&31"(&
    93,7 kB
    2446 kB
    IUUQHPPHMRKNVN
    

    View Slide

11. -0"%*/(5*.&
    &70-65*0/
    1999 2006 2012 2016
    IUUQHPPHMRKNVN
    8 s
    4 s
    2 s 1 s
    2446 kB
    

    View Slide

12. T
    DPOWFSTJPὝ
    T
    SFWFOVF
    

    View Slide

13. l8453&44z
    'PWJBODF
    

    View Slide

14. $0/$&/53"5&
    6150
    
    
    
    IUUQHPPHMLK52;3
    l8453&44z
    'PWJBODF
    

    View Slide

15. l.0#*-&8453&44z
    3BEXBSF
    

    View Slide

16. l.0#*-&8453&44z
    3BEXBSF
    IUUQHPPHM81C(6
    1&",'36453"5*0/
    6150
    
    
    
    

    View Slide

17. l.0#*-&8453&44z
    3BEXBSF
    IUUQHPPHM81C(6
    &/("(&.&/5
    6150
    
    
    
    

    View Slide

18. .0#*-&53"/4"$5*0/4
    4637&:
    Harris Interactive for Tealeaf, 2011
    

    View Slide

19. 
    $634&%
    BUUIFJSEFWJDF
    #*@%!
    .0#*-&53"/4"$5*0/4
    4637&:
    

    View Slide

20. 
    4$3&".&%
    BUUIFJSEFWJDF
    .0#*-&53"/4"$5*0/4
    4637&:
    

    View Slide

21. 
    5)3&8
    UIFJSEFWJDF
    .0#*-&53"/4"$5*0/4
    4637&:
    

    View Slide

22. 1&01-&
    )"5&
    8"*5*/(
    

    View Slide

23. IUUQHPPHM+O9;Y
    19.913s 19.000s 22.213s
    

    View Slide

24. NJMMJPOWJFXT
    IUUQHPPHM+O9;Y
    19.913s 19.000s 22.213s
    

    View Slide

25. View Slide

26. 1&3'3."/$&
    JTOPU
    ."5)&."5*$4
    

    View Slide

27. 1&3'3."/$&
    JT
    1&3$&15*0/
    

    View Slide

28. 5IFSFBMUIJOHXFBSFBGUFSJTUPDSFBUFB
    VTFSFYQFSJFODFUIBUQFPQMFMPWFBOE
    UIFZGFFMJTGBTUBOETPXFNJHIUCF
    GSPOUFOEFOHJOFFST XFNJHIUCFEFW
    XFNJHIUCFPQT CVUXIBUXFSFBMMZBSF
    JTQFSDFQUJPOCSPLFST
    Steve Souders, “High Performance Web Sites”
    t
    u
    

    View Slide

29. View Slide

30. View Slide

31. View Slide

32. +/%
    KVTUOPUJDFBCMFEJ⒎FSFODF
    
    8&3'&$)/&3-"8
    

    View Slide

33. 36-&
    &7&/5
    

    View Slide

34. 
    36-&
    &7&/5
    

    View Slide

35. .&"/*/('6-
    /05*$&"#-&
    !==
    

    View Slide

36. OPTION 1 OPTION 2
    

    View Slide

37. OPTION 1 OPTION 2
    і
    і
    

    View Slide

38. View Slide

39. &7&/5
    REGRESSION ALLOWANCE
    36-&
    

    View Slide

40. 
    &7&/5
    REGRESSION ALLOWANCE
    36-&
    

    View Slide

41. 5*.&QFSTJTUTNFSFMZBTB
    DPOTFRVFODFPGUIF&7&/54
    UBLJOHQMBDFJO
    Martin Heidegger
    t
    u
    

    View Slide

42. 
    1"44*7&
    "$5*7&
    #PZ BN
    *CVTZ
    

    View Slide

43. 1"44*7&
    "$5*7&
    #PZ BN
    *CVTZ
    

    View Slide

44. 13&&.15*7&45"35
    &7&/5
    ПРОЦЕСС
    &7&/5
    &7&/5
    "$5*7&
    1)"4&
    

    View Slide

45. View Slide

46. View Slide

47. 13&-0"%
    501)*54
    NPCJMF4BGBSJ
    4FUUJOHT4BGBSJ1SFMPBE5PQ)JUT
    

    View Slide

48. MJOLSFMlʜISFGlʜ
    IUUQTXXXXPSH538%SFTPVSDFIJOUT
    3&4063$&)*/54
    

    View Slide

49. SFMlEOTQSFGFUDIz
    SFMlQSFDPOOFDUz
    SFMlQSFGFUDIz
    SFMlQSFSFOEFSz
    SFMlQSFMPBEzBTl5:1&z
    IUUQHPPHM,LR+%
    

    View Slide

50. &"3-:$0.1-&5*0/
    &7&/5
    ПРОЦЕСС
    &7&/5
    &7&/5 "$5*7&
    1)"4&
    

    View Slide

51. 1"44*7&
    1)"4&
    

    View Slide

52. 1"44*7&
    1)"4&
    

    View Slide

53. "$5*7&
    1)"4&
    4."4)*/(
    #*35)%":
    

    View Slide

54. 015*.*45*$6*
    

    View Slide

55. $-*$,.&
    0-%%":4
    

    View Slide

56. $-*$,.& "1*
    0-%%":4
    

    View Slide

57. "1*
    ✔
    /05015*.*45*$6*
    

    View Slide

58. $-*$,.&
    /05400-%%":4
    

    View Slide

59. "1*
    /05400-%%":4
    

    View Slide

60. "1*
    /0540015*.*45*$6*
    ✔
    

    View Slide

61. 015*.*45*$6*
    

    View Slide

62. $-*$,.&
    015*.*45*$6*
    

    View Slide

63. "1*
    ✔
    015*.*45*$6*
    

    View Slide

64. "1*
    ✔
    error
    0).:ʜ
    015*.*45*$6*
    

    View Slide

65. $3*5*$"-1"5)
    

    View Slide

66. $3*5*$"-1"5)
    $0/5&/5
    +4
    +4
    *.(
    )5.-
    $44 $44
    +4
    +4
    *.(
    *.(
    

    View Slide

67. $3*5*$"-1"5)
    $0/5&/5
    +4 +4
    *.(
    )5.-
    $44 $44
    *.( *.(
    +4
    

    View Slide

68. HPPHM+O9;Y
    

    View Slide

69. HPPHM+O9;Y
    "$5*7&1)"4&
    1"44*7&1)"4&
    

    View Slide

70. View Slide

71. View Slide

72. View Slide

73. View Slide

74. 5IFQFSDFQUJPOPG
    QFSGPSNBODFJTKVTUBT
    F⒎FDUJWFBTBDUVBM
    QFSGPSNBODFῶNBOZ
    DBTFT
    t
    u
    

    View Slide

75. - How long is FOREVER?
    -
    …
    

    View Slide

76. 5)"/,:06
    DENYS MISHUNOV • DIGITAL GARDEN AS
    DRAWINGS: DENYS MISHUNOV a.k.a “ME”
    TWITTER: @MISHUNOV
    

    View Slide