Re-think about Web Performance

Slide 1

Slide 1 text

4GVJKPMCDQWVYGDRGTHQTOCPEG 'SPOUSFOEJO/BHPZB !DI

Slide 2

Slide 2 text

"EJ EJ JVVREJPGV

Slide 3

Slide 3 text

1FSGPSNBODF &WBOHFMJTU ύϑΥʔϚϯεվળ ͓Αͼਪਐ׆ಈ

Slide 4

Slide 4 text

໊ݹ԰ॳ্཮ʂ

Slide 5

Slide 5 text

(PPHMF*0 ࢀՃ͖ͯ͠·͢ʂ

Slide 6

Slide 6 text

8FCϑϩϯτΤϯυ࠷લઢ ৽࿈ࡌ࢝·Γ·͢ʂ

Slide 7

Slide 7 text

9JCVKUň2GTHQTOCPEGŉ! +PVJGECUGQH#OGDC %QPENWUKQP #IGPFC *QYVQQRVKOK\G!

Slide 8

Slide 8 text

9JCVKUň2GTHQTOCPEGŉ!

Slide 9

Slide 9 text

To me, performance is a feature, and I simply like using fast websites more than slow websites, so naturally I'm going to build a site that I would want to use. But I think there's also a lesson to be learned here about the competitive landscape of the public internet, where there are two kinds of websites: the quick and the dead. 1FSGPSNBODFJTB'FBUVSF IUUQCMPHDPEJOHIPSSPSDPNQFSGPSNBODFJTBGFBUVSF

Slide 10

Slide 10 text

ύϑΥʔϚϯε͸ ػೳͷ1ͭͰ͋Δɻ

Slide 11

Slide 11 text

͜ͷੈʹ͸2छྨͷWebαΠτ͔͠ͳ͍ɻ ૣ͍͔ɺࢮΜͰ͍Δ ͔ͷͲͪΒ͔ͩɻ

Slide 12

Slide 12 text

ύϑΥʔϚϯεΛ࣠ʹͨ͠ Ϣʔβʔମݧͷࠩʜ

Slide 13

Slide 13 text

ϖʔδ͕ඵͰදࣔ͞ΕΔͱʜ

Slide 14

Slide 14 text

ඵܦͬͯ΋ϖʔδ͕දࣔ͞Εͳ͍ͱʜ

Slide 15

Slide 15 text

໿ͷϢʔβʔ͕཭୤͢Δ ͦͷ಺͸౓ͱ໭ͬͯ͜ͳ͍

Slide 16

Slide 16 text

ϖʔδϏϡʔͷ௿Լ &$αΠτͰ͋Ε͹ച্ͷ௿Լ ֤छίϯόʔδϣϯ ౰ͨΓલ͚ͩͲɺσϝϦοτ͔͠ͳ͍

Slide 17

Slide 17 text

͍͘Βίϯςϯπ͕ྑͯ͘΋  ஗͍αΠτʹϢʔβʔ͸དྷͳ͍

Slide 18

Slide 18 text

8FCύϑΥʔϚϯεͷେཁૉ 3FOEFS $PNQVUF /FUXPSL

Slide 19

Slide 19 text

/FUXPSL Ϧιʔεऔಘؔ࿈ /FUXPSL αʔόʔαΠυ ϓϩάϥϜ %/4-PPLVQ ,FFQ"MJWF JNHTSDʜ MJOLISFGʜ

Slide 20

Slide 20 text

3FOEFS ඳըؔ࿈ 3FOEFS $44 $16PS(16 3FOEFS5SFF %0.$440.

Slide 21

Slide 21 text

$PNQVUF +4࣮ߦؔ࿈ $PNQVUF 7 +*5$PNQJMF (BSCBHF$PMMFDUJPO ෺ཧԋࢉॲཧ

Slide 22

Slide 22 text

ϖʔδ͕දࣔ͞ΕΔ·Ͱ *OJUJBMJ[F1SPDFTT 3FOEFS /FUXPSL $PNQVUF

Slide 23

Slide 23 text

ӾཡதɾϖʔδΛด͡Δ·Ͱ 3VOUJNF1SPDFTT 3FOEFS $PNQVUF /FUXPSL

Slide 24

Slide 24 text

+PVJGECUGQH#OGDC

Slide 25

Slide 25 text

"NFCB͋Δ͋Δ

Slide 26

Slide 26 text

ϓϥϯφʔ σΟϕϩούʔ ͜͜ʹίϯςϯπΛ ௥Ճ͍ͨ͠Ͱ͢ʂ ʢͲΜͲΜϖʔδ͕ॎ ௕ʹͳ͍ͬͯ͘ʜʣ

Slide 27

Slide 27 text

ΤϯδχΞ σΟϕϩούʔ αʔόʔαΠυͷ ࣮૷ऴΘΓ·ͨ͠ʔʂ ʢ͜ͷ"1*·ͱΊͯཉ ͔ͬͨ͠ʜʣ

Slide 28

Slide 28 text

ύϑΥʔϚϯεʹର͢Δ  ։ൃऀͷҙࣝͷܽམʜ

Slide 29

Slide 29 text

ϓϥϯφʔ σΟϕϩούʔ ͜ͷεέδϡʔϧͰ ͓ئ͍͠·͢ʂ ʢ๩ͯ͘͠νϡʔχϯ άͲ͜Ζ͡Όͳ͍ʜʣ

Slide 30

Slide 30 text

։ൃෛՙ͕ߴ͗ͯ͢  νϡʔχϯά͕ޙखʹճ͞ΕΔ

Slide 31

Slide 31 text

σβΠφʔ σΟϕϩούʔ ͜͜ͷϚʔδϯ  ΍ͬͺΓQYͰʂ ʢ·ͨඍௐ੔͔ʜʣ

Slide 32

Slide 32 text

ΤϯδχΞ σΟϕϩούʔ ͜ͷ"1*͸͜͏ฦ٫͢ ΔΑ͏ʹ͠·͢ʂ ʢ+40/ͷܗࣜม͑ͳ͍ Ͱ͘ΕʔPS[ʣ

Slide 33

Slide 33 text

ΤϯδχΞͱσβΠφʔͷؒͰ  ൘ڬΈʹͳΓ͕ͪ

Slide 34

Slide 34 text

ট͔ΕΔ݁Ռ

Slide 35

Slide 35 text

ੵΈ্͕ΔϨΨγʔίʔυ σβΠϯ΁ͷରԠͰංେԽ͢Δ$44 ٕज़తෛ࠴ ࠷దԽͤͣϦϦʔε͞ΕΔϓϩμΫτ

Slide 36

Slide 36 text

සൟʹߦΘΕΔσβΠϯϦχϡʔΞϧ ୹͗͢Δεέδϡʔϧ ർฐ͢Δ։ൃऀ ͱʹ͔͘৭ʑͱγϏΞ

Slide 37

Slide 37 text

ޙʹͳΕ͹ͳΔ΄Ͳ मਖ਼͸ࠔ೉ʹͳΔ

Slide 38

Slide 38 text

ϓϩδΣΫτ෼ੳ

Slide 39

Slide 39 text

ભҠϕʔε͕΄ͱΜͲʢ41"গͳ͍ʣ ήʔϜܥϓϩμΫτ͸ಛʹӡ༻͕ਏ͍ αʔϏεͷ෼෍ ΨϥέʔʹରԠ͍ͯ͠ΔݹࢀαʔϏε΋

Slide 40

Slide 40 text

ΠχγϟϧίετΛ࠷దԽग़དྷ͍ͯͳ͍ େྔͷαʔυύʔςΟϞδϡʔϧ ίʔυͷঢ়ଶ ௕͖ʹ౉ͬͨϓϩδΣΫτͷෛͷҨ࢈

Slide 41

Slide 41 text

݁ߏେมʜPS[

Slide 42

Slide 42 text

*QYVQQRVKOK\G!

Slide 43

Slide 43 text

֤ํ໘ͱ ର࿩ͯ͠΋Β͏

Slide 44

Slide 44 text

ʮϘλϯͷ༨നɺ౷Ұͯ͠ʂʯ ʮ͜ͷӨͳΒ$44Ͱग़དྷΔΜͰ͕͢ʂʯ ରσβΠφʔྫ ʮը૾ͷཁΒͳ͍ςΫενϟʹʂʯ

Slide 45

Slide 45 text

ʮϏϧυϑϩʔʹ˔˔ΛؚΊͯʂʯ ʮ͜ͷϨεϙϯεૣ͘ͳΓ·ͤΜ͔ʂʯ ରΤϯδχΞྫ ʮΩϟογϡΛޮ͔ͤͯʂʯ

Slide 46

Slide 46 text

ύϑΥʔϚϯεʹର͢Δ ҙࣝΛ২͑෇͚Δ ϑϩϯτΤϯυͰʢ͋Δఔ౓ʣ ΠχγΞνϒΛऔΔ

Slide 47

Slide 47 text

΋ͪΖΜਫ਼ਆ࿦͚ͩ Ͱ͸μϝͳͷͰʜ

Slide 48

Slide 48 text

۩ମతʹ਺஋Λࣔ͠ ରࡦΛఏҊ͢Δ

Slide 49

Slide 49 text

֤छܭଌπʔϧ͕ ͋Γ·͢

Slide 50

Slide 50 text

1BHF4QFFE*OTJHIUT

Slide 51

Slide 51 text

:4MPX

Slide 52

Slide 52 text

14*

Slide 53

Slide 53 text

1IBOUPNBT

Slide 54

Slide 54 text

8FC1BHF5FTU

Slide 55

Slide 55 text

,JOHGJTIFS 8FC1BHF5FTU1SJWBUF*OTUBODF

Slide 56

Slide 56 text

ࣾ಺ઐ༻ͷϓϥΠϕʔτΠϯελϯε "NFCBઐ༻ʹ6*ΛΧελϚΠζ 8FC1BHF5FTUGPS Ωϡʔ଴ͪͳ͠ʂ"1*Ωʔෆཁʂ

Slide 57

Slide 57 text

͜ΕΒͷπʔϧͰ ࣮ࡍʹܭଌ͢Δ

Slide 58

Slide 58 text

ൃੜ͍ͯ͠Δ )551ϦΫΤετͷҰཡ

Slide 59

Slide 59 text

$44΍ը૾ͱ͍ͬͨ  αϒϦιʔεΛฦ٫͢Δ  αʔόʔϨεϙϯε )5.-Λฦ٫͢Δ  αʔόʔϨεϙϯε

Slide 60

Slide 60 text

Slide 61

Slide 61 text

)551ϦΫΤετ͸ʜ 3FOEFS $PNQVUF /FUXPSL

Slide 62

Slide 62 text

$44ɾ+4ϑΝΠϧͷ݁߹ͱѹॖ )5.-ϑΝΠϧͷѹॖ ωοτϫʔΫ࠷దԽ ը૾ͷݮ৭ͱϝλ࡟আ Ωϟογϡϔομɾ([JQ౳

Slide 63

Slide 63 text

ը૾ͷ࠷దԽɺॏཁ

Slide 64

Slide 64 text

$44ɺ+4Λ͍͘Β࡟ݮͯ͠΋ ը૾ͷ࠷దԽΛ๨ΕΕ͹ਫͷ๐ ϑΝΠϧαΠζͷ൒෼Λ ϝλ৘ใ͕઎Ί͍ͯΔ͜ͱ΋͋Δ ͔͕ͨը૾͞ΕͲ ΩʔϏδϡΞϧͰͳ͚Ε͹ ଟগͷྼԽ͸ڐ༰͢Δ൑அ΋ඞཁ

Slide 65

Slide 65 text

IUUQTHJUIVCDPNDIDPNQSFTTJNBHF 1/(ͷ࠷దԽ CZUFT CZUFT EPXO

Slide 66

Slide 66 text

IUUQTHJUIVCDPNDIDPNQSFTTJNBHF +1(ͷ࠷దԽ CZUFT CZUFT EPXO

Slide 67

Slide 67 text

*NBHF0QUJN

Slide 68

Slide 68 text

*NBHF"MQIB

Slide 69

Slide 69 text

HSVOUJNBHF

Slide 70

Slide 70 text

͜ΕΒͷରࡦҊΛ ϓϩδΣΫτʹ ϑΟʔυόοΫ

Slide 71

Slide 71 text

!DI ϓϩδΣΫτ#ͷਓ ίίΛ௚ͯ͠Լ͍͞ʂ ϓϩδΣΫτ"ͷਓ

Slide 72

Slide 72 text

ϓϩδΣΫτ"͸΍ͬͯ͘Εͨ ϓϩδΣΫτ#͸΍ͬͯ͘Εͳ͔ͬͨ ͦͷޙʜ ๩͠͞ʹଟগͷࠩ͸͋ΕͲʜ

Slide 73

Slide 73 text

Ͳ͏ͯ͠΋ ଐਓతʹͳΔ

Slide 74

Slide 74 text

ίʔυΛ௚ͯ͠ϓϧϦΫΤετ ศརπʔϧͷ࡞੒ͯ͠࢖ͬͯ΋Β͏ ͦΕͰ΋ͩΊͳͷͰ ͔͘ͳΔ্͸࠷ऴखஈʜ

Slide 75

Slide 75 text

ରࡦΛٛ຿Խ͢Δ

Slide 76

Slide 76 text

Ϩεϙϯεબखݖ

Slide 77

Slide 77 text

ϥϯΩϯά෇͚ͯ͠ڝ૪৺Λ͓͋Δ গͣͭ͠ϨεϙϯεΛؾʹ͢ΔΑ͏ʹ Ϩεϙϯεબखݖ ετοϓ΢ΥονͰܭଌ

Slide 78

Slide 78 text

ετοϓ΢Υονʜ ʅŋ˲ŋA ʁ

Slide 79

Slide 79 text

No content

Slide 80

Slide 80 text

ɾʷɾ

Slide 81

Slide 81 text

രϨεେձ

Slide 82

Slide 82 text

8FC1BHF5FTUͷϓϥΠϕʔτ൛Ͱܭଌ 4QFFE*OEFYͱ7JTVBM$PNQMFUF͕ࢦඪ രϨεେձ ೔ճܭଌɺिຖʹ݁Ռ഑৴ ݄ʹ౓ɺϥϯΩϯά্Ґʹܠ඼

Slide 83

Slide 83 text

4QFFE*OEFY ݄ि ݄ि ݄ि ݄ि ݄ि ϓϩδΣΫτ" ϓϩδΣΫτ# ϓϩδΣΫτ$ ௿͚Ε͹௿͍ఔ ύϑΥʔϚϯεྑ❤

Slide 84

Slide 84 text

4QFFE*OEFY ݄ि ݄ि ݄ि ݄ि ݄ि ϓϩδΣΫτ" ฏۉείΞ/P

Slide 85

Slide 85 text

4QFFE*OEFY ݄ि ݄ि ݄ि ݄ि ݄ि ϓϩδΣΫτ# վળ཰/P

Slide 86

Slide 86 text

νϡʔχϯΨιϯ

Slide 87

Slide 87 text

ӡ༻தͰ͸վળ͕ޙखʹճͬͯ͠·͏ 1+͔Β਺ਓબग़ͯ͠࿈Εͯߦ͘ ୹ظूதվળ߹॓ ௕ظతʹμϥμϥ΍ΔΑΓूதͯ͠௚͢