Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Performance and cache strategy at NIKKEI

012765e2e29cd000be9e0f32236c46d2?s=47 Araya
December 15, 2020

Performance and cache strategy at NIKKEI

「高速なメディアを実現させるための戦略と戦術」

Front-End Study #2「Performance Tuning in depth」
https://forkwell.connpass.com/event/194828/
での発表資料です。

012765e2e29cd000be9e0f32236c46d2?s=128

Araya

December 15, 2020
Tweet

Transcript

  1. /*,,&*3ZPNB"CF Ἑᴌଜ஑୷୓୒ୄ࿚ᚨଇ଍ଽ ଑ଳଠᇩᬾଚᇩᛸ 'SPOU&OE4UVEZ૖1FSGPSNBODF5VOJOHJOEFQUI૗

  2. ᨅၽᣞశ 3ZPNB"CF BSBZB ጄ፱ᣦᕩዶᦎ័୷୨୯஛ఔᐶጄᣦṨྶᙋ8FCୱ஬ஐ ୩୯஬୸୒୳இ Ⴆ உணୱஓ஬ Ⴆ ጄᣦ _

  3. ጄᣦṨྶᙋଠ௬ూ ࿚ଡጄᣦṨྶᙋ XFC ଝଡஜ୩஍ண୧ஆଜ଴ଠଚଏ૸ଙଜ૶ஊ஬୨ ૾ྺ໇ XXXOJLLFJDPN SOJLLFJDPN XXXOJLLFJDPNSOJLLFJDPN ᮫ఔஊ஬୨ ፪༺൒

    எ஬ୡ୳୸ଜଛ ୸୳இ ག௴൏ẻ ᐡᣖଜଛ
  4. ጄᣦṨྶᙋଠ௬ూ ᮫ఔஊ஬୨଴ଏଠ௟ଖ଒କ଑

  5. ᮫ఔஊ஬୨ଠ൞ዶ Ⴆ፠ൖጉ᮫ఔஊ஬୨ଠ1$ᙋஒ஀୔஛ᙋୄᣰฅ ௟ᵄᛋ༕஫୒୛ୖண୸᠔൘ୄḨଁ ୷୩ୟ୸୳இฎଃ ஒ஀୔஛ฎଃ ஜ୩஍ண୧ஆ ଋଫଘଠ6TFS"HFOU

  6. ᮫ఔஊ஬୨ଠ൞ዶ ᮎᮐ᜷ଜ୷୦୔ணો6*଒ଃଙଜଁୣ஬୹உ஬୩଴௟ዶ ௟ᵄᛋ༕஫୒୛ୖண୸᠔൘ୄḨଁ ୷୩ୟ୸୳இฎଃ ஒ஀୔஛ฎଃ ஜ୩஍ண୧ஆ ଋଫଘଠ6TFS"HFOU

  7. ጄᣦṨྶᙋଠዶ᮫ఔஊ஬୨ ዶ଑ଝሐ᠙ଇାଽ᮫ఔ BSUJDMFTEBZ ஄஬ୟጤ᷾႑  SFRVFTUTNJO

  8. Ɣ ᮌ൉ଉଚ᮫ఔ፱ዥടẫ૾ᭇ៍ଇାଽରଙଠጤ᷾ ż 5XJUUFSଜଛଠ4/4૽଻᮫ఔୄ᷻૶଑ጤ ᙘଝᯌẴଝଜକ଑᮫ఔଡSFRVFTUTNJOଁ଻૶૴ଽଅଚ଴ ż ᐡᣖᣨ᎞ો୥୔୸ങ૽଻ଠᴫ᠇ 䚉஖஬୦஬ଝଛା଒ଃᴌଁ᮫ఔ፱ዥୄᮌ଍଻ାଽ૽ '$1 ᮫ఔஊ஬୨ଙᵶᮉଜ஁அ୙஬எண୩ቁᑥ

  9. ୿୔஁அ୙஬எண୩ୄ࿚ᚨଋଽ଑ଳଝ Ɣ ଢ଼ஓ୳୧க෺ᧄଜ଴ଠଡଋଫଘ$%/૽଻ᵒಘ Ɣ ᷻ᜲጤଝᆜᰖଋଽஙண୯୔ஐ ż 4FSWFSTJEF /PEFKT SFRSFTରଙଠጤ᷾ ଅଠᜲᭇଙଡ୩ୣ஬இ༻

    ż $MJFOUTJEF #SPXTFS Ŷ CVOEMFTJ[F Ŷ DSJUJDBMSFOEFSJOHQBUI Ŷ FUD
  10. Ἑᴌଜᵒಘ஫Ἑ᰾ᩦପଠᦀᅌୄ࿚ᚨଋଽ଑ଳଠ$%/

  11. Ἑᴌଜᵒಘ஫Ἑ᰾ᩦପଠᦀᅌୄ࿚ᚨଋଽ଑ଳଠ$%/ DBDIF૾૴ଽଚ૿ોଜ૶ଚ૿ $%/DBDIF૴଼ $%/DBDIFଜଉ ᐻᯬୄᮟૺଢ$%/ଙDBDIFIJUଉଘଁାାଢ୚ச୨ண୥஬஀஬ଡᴌଁଜଁଘ૶૶

  12. Ἑᴌଜᵒಘ஫Ἑ᰾ᩦପଠᦀᅌୄ࿚ᚨଋଽ଑ଳଠ$%/ ܦ ༾ଁଠ஖஬୦஬ଝ࿾ଉ୘୳୨ଢ଼ஓ୳୧கୄᳵଉଘἙᴌଝᄷᡨଋଽ ܦ ୚ச୨ணପଠ࿖႖᜷ଜ᰾ᩦୄ௦଄ଽ ܦ ୒ୟ୫୩ଠ୩஁୔ୟ૽଻୚ச୨ணୄ࿌ଽ ܦ ୚ச୨ண૾᪅ଓଘ଴ଢ଼ஓ୳୧கଙஜ୩஍ண୩ୄᳵ଍ଽ TUBMFJGFSSPS

    ଢ଼ஓ୳୧கஂ୳୸ᚕଠᵶᮉᅌ
  13. Ἑᴌଜᵒಘ஫Ἑ᰾ᩦପଠᦀᅌୄ࿚ᚨଋଽ଑ଳଠ$%/ ଢ଼ஓ୳୧கஂ୳୸ᚕଠᵶᮉᅌ,JCBOBଙ෺ᮎට ૼ଺ଏ_ଙቯ᠇ ዋ๱ଠ౩້૴଼ ࿖፫᜷ଝ௦૾କଘ૶ଽଚଅିଡዶଉ૶᮫ఔ૾༾૶

  14. Ἑᴌଜᵒಘ஫Ἑ᰾ᩦପଠᦀᅌୄ࿚ᚨଋଽ଑ଳଠ$%/ ஑୔ணச୭஬୩ଚ୥ஆச୭஬୩ଠᵒಘ ܦ ஑୔ணச୭஬୩ IUNM ܦ ୘୳୨ଠଢ଼ஓ୳୧கஂ୳୸ᚕୄἙଁ ಖଖ ൩᳻ ܦ

    ୥ஆச୭஬୩ DTT KT JNBHF ܦ ᄰᮉଜଅଚୄ૶ଓገଁୟங୔୒ண୸ ଝౕૺଽ ܦ 3FTPVSDF)JOUT FHQSFMPBE ܦ )551TFSWFSQVTI ܦ ஃ஛୹ጤଝSFWJTJPOୄాଃଘૼ૶ଘ ୟங୔୒ண୸ଢ଼ஓ୳୧க
  15. Ἑᴌଜᵒಘ஫Ἑ᰾ᩦପଠᦀᅌୄ࿚ᚨଋଽ଑ଳଠ$%/ ஑୔ணச୭஬୩ଚ୥ஆச୭஬୩ଠᵒಘ ܦ ஑୔ணச୭஬୩ IUNM ܦ ୘୳୨ଠଢ଼ஓ୳୧கஂ୳୸ᚕୄἙଁ ಖଖ ൩᳻ ܦ

    ୥ஆச୭஬୩ DTT KT JNBHF ܦ ᄰᮉଜଅଚୄ૶ଓገଁୟங୔୒ண୸ ଝౕૺଽ ܦ 3FTPVSDF)JOUT FHQSFMPBE ܦ )551TFSWFSQVTI ܦ ஃ஛୹ጤଝSFWJTJPOୄాଃଘૼ૶ଘ ୟங୔୒ண୸ଢ଼ஓ୳୧க
  16. Ἑᴌଜᵒಘ஫Ἑ᰾ᩦପଠᦀᅌୄ࿚ᚨଋଽ଑ଳଠ$%/ ஑୔ணச୭஬୩ଚ୥ஆச୭஬୩ଠᵒಘ ܦ ஑୔ணச୭஬୩ IUNM ܦ ୘୳୨ଠଢ଼ஓ୳୧கஂ୳୸ᚕୄἙଁ ಖଖ ൩᳻ ܦ

    ୥ஆச୭஬୩ DTT KT JNBHF ܦ ᄰᮉଜଅଚୄ૶ଓገଁୟங୔୒ண୸ ଝౕૺଽ ܦ 3FTPVSDF)JOUT FHQSFMPBE ܦ )551TFSWFSQVTI ܦ ஃ஛୹ጤଝSFWJTJPOୄాଃଘૼ૶ଘ ᷶፫᷾ୟங୔୒ண୸ଢ଼ஓ୳୧க
  17. Ἑᴌଜᵒಘ஫Ἑ᰾ᩦପଠᦀᅌୄ࿚ᚨଋଽ଑ଳଠ$%/ DBDIFDPOUSPMଚTVSSPHBUFDPOUSPM

  18. Ἑᴌଜᵒಘ஫Ἑ᰾ᩦପଠᦀᅌୄ࿚ᚨଋଽ଑ଳଠ$%/ DBDIFDPOUSPMଚTVSSPHBUFDPOUSPM SFWBMJEBUFଜଉଙ൙ᛟ෺ᧄଜଢ଼ஓ୳୧க୚ஆ୨ୗୟ୸

  19. ୿୔஁அ୙஬எண୩ୄ࿚ᚨଋଽ଑ଳଝ Ɣ ଢ଼ஓ୳୧க෺ᧄଜ଴ଠଡଋଫଘ$%/૽଻ᵒಘ Ɣ ᷻ᜲጤଝᆜᰖଋଽஙண୯୔ஐ ż 4FSWFSTJEF /PEFKT SFRSFTରଙଠጤ᷾ ଅଠᜲᭇଙଡ୩ୣ஬இ༻

    ż $MJFOUTJEF #SPXTFS Ŷ CVOEMFTJ[F Ŷ MB[ZMPBE Ŷ FUD
  20. ୟங୔୒ண୸ଠஙண୯୔ஐୄᆜᰖଉ଑᷻ᜲ Ɣ சୟ୘୩୸ଆଚଝIUNMୄᛛᇡଉஜ୩஍ண୩ ୚ச୨ணରଙ൜ᴟଉଘ૶ଽଚ૶૸ଅଚଡ౧଻૽ଉ଻ଠᚫᛣଙଢ଼ஓ୳୧க૾ඇ૶ଘ૶ଜ૶ Ɣ ໱፱᜷ଝଡଋଫଘ443 ż ୟங୔୒ண୸୥୔୹+4ଡ$VTUPN&MFNFOUTଝඡଲ Ɣ ᛨ೛ଡMB[ZMPBEଋଽ

    Ɣ ᙘᒸଜ୛୶୤சଠ᮫ఔଠ଑ଳଠୟங୔୒ண୸୥୔୹+4ଡ$PEF4QMJUUJOHଋ ଽ
  21. ୟங୔୒ண୸ଠஙண୯୔ஐୄᆜᰖଉ଑᷻ᜲ ᛨ೛ଠMB[ZMPBE Ɣ ᛨ೛୥୔୪൏ଠ౩᜵ୄ443ଉଘૼଁ Ɣ ୩ୟ஝஬஛ౡᥔ૾ଏଅରଙᎋ଑଼ોᭇ៍ଋଽᄰᮉଝ ଜକ଑ଚ૿ଝᭇ៍ Ɣ IUUQTHJUIVCDPNB'BSLBTMB[ZTJ[FT

  22. Ɣ ၸଠஂ஬୸எ୳இଡ௟ᵄଠ୛୶୤சଝဪଋ᮫ఔଝଉ૽ ൉ᚨଉଜ૶૾ોங୔ஆஙசଠ୥୔୪૾ག૿૶ Ɣ CVOEMFୄୁଃଘોஂ஬୸எ୳இୄᭇ៍ଋଽ᮫ఔଙଡ EZOBNJDJNQPSUTDSJQUୄ443 ୟங୔୒ண୸ଠஙண୯୔ஐୄᆜᰖଉ଑᷻ᜲ ᙘᒸଜ୛୶୤சଠ᮫ఔଠ଑ଳଠCVOEMFKT

  23. 䜽䝷䜲䜰䞁䝖䛾䝷䞁䝍䜲䝮䜢ព㆑䛧䛯㛤Ⓨ

  24. ର଒ᯠẴଡ૴ଽ଴ଠଠો ଏାଜ଼ଠ஁அ୙஬எண୩ଙசச஬୩ୄ ᳳૺଽଅଚ૾ଙ૿଑ ଅାୄ᣿ሿଉଇ଻ଝዋ๱ଉ᣺ଃଽ଑ଳଝଡ ஒ୻୯சணୠ૾௧෺ᒚ

  25. ஁அ୙஬எண୩ଠ᣹᣺᜷ଜஒ୻୯சணୠ TQFFEDVSWFଠᔲᛟ ܦ ஁அ୙஬எண୩ଠ༻ᄃᝐᮎ ܦ $PSF 8FC7JUBMTଶોஜ୩஍ண୩୯୔ஐો அ୑୔஛୥୔୪ଜଛᑗ૏ଜቁᑥୄஒ୻୯சண ୠ ܦ

    ஀୨ୗ୳୸ୄᱺૺଘ૶଑଻4MBDLଝᴉញଋଽ ୒ங஬୸
  26. ஁அ୙஬எண୩ଠ᣹᣺᜷ଜஒ୻୯சணୠ ଏଠ఼ଠ୴஬஛ Ɣ $S69 IUUQTEFWFMPQFSTHPPHMFDPNXFCUPPMTDISPNFVTFSFYQFSJFODFSFQ PSU Ɣ 1FSGPSNBODF0CTFSWFS IUUQTEFWFMPQFSTHPPHMFDPNXFCVQEBUFTQFSGPSNBODFP CTFSWFS

    Ɣ -JHIUIPVTF$* IUUQTHJUIVCDPN(PPHMF$ISPNFMJHIUIPVTFDJ Ɣ 4FOUSZ MBC ῏FME ῏FME ῏FME
  27. ଅା૽଻ଠጄᣦṨྶᙋ8FC ଺଼଺૶஖஬୦஬౦ỿୄ࿚ᚨଉો8FC୘ୣ୧୩୶ஐଝ᱀ᚂଋଽ Ɣ ῏FMEEBUBଠஒ୻୯சணୠ Ɣ 4FSWJDF8PSLFSଠജ፡ඇට Ɣ ᚨᙡ୹஑୔ண૾ଖ૴ଽଜଛଠᮉິଙ48ୄ୚அଝଉଘ૶ଽ ż 48ଠQSFDBDIF૾࿚ṃଝଛଠ᠊Ⴜ౶ୁା଑૽ඇ᎞ᕺ࿖

    ż 18" Ɣ ஖஬୦஬ଠᴉಘ஫୷஀୔୩ᛋ༕ଝฅୁ଍଑ச୭஬୩ᵒಘଠ፞ᴧටୄ୘୳୨ଙᬻ૸ ż $MJFOU)JOUT IUUQTEFWFMPQFSTHPPHMFDPNXFCGVOEBNFOUBMTQFSGPSNBODFPQUJNJ[JOHDPOUFOUFῑDJFODZDMJFOUIJOUT  Ŷ &$5 355 %FWJDFNFNPSZ ż /FUXPSL*OGPSNBUJPO"1* IUUQTXJDHHJUIVCJPOFUJOGPFDUSFRVFTUIFBEFS῏FME Ɣ ஑୔ணச୭஬୩ଠஜ୩஍ண୩ୄᳵଋ൩ଝોᄰᮉଜ୥ஆச୭஬୩ୄୟங୔୒ண୸ଝౕૺଽ &BSMZ)JOUT IUUQTXXXGBTUMZDPNCMPHCFZPOETFSWFSQVTIFYQFSJNFOUJOHXJUIUIFFBSMZIJOUTTUBUVTDPEF FUDܪ
  28. ጄᣦṨྶᙋ8FCୱ஬ஐଙଡ )551ો$%/ોஆஙୖ୦ଠᑺᧄୄஅ஛ଝ౶૶ ୿୔஁அ୙஬எண୩ଜ஑୷୓୒ୄ௟ᤎଝ౬ଽ ై᷾ୄඕṓଉଘ૶ରଋ IUUQTIBDLOJLLFJDPNKPCTXFC