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

HTML5アプリにおけるパフォーマンスの基礎知識

 HTML5アプリにおけるパフォーマンスの基礎知識

HTML5 APP CONFERENCE 2018での発表資料です。

Yosuke Onoue

July 08, 2018
Tweet

More Decks by Yosuke Onoue

Other Decks in Technology

Transcript

  1. )5.-ΞϓϦʁ w 8FCΞϓϦɺ18" w ϞόΠϧΞϓϦ w *POJDɺ3FBDU/BUJWFɺFUD w σεΫτοϓΞϓϦ w

    &MFDUSPOɺFUD ຊൃදͰ͸ ʮ)5.-$44+BWB4DSJQUΛ
 ɹத৺ʹߏ੒͞Εͨ8FCΞϓϦʯ Λ૝ఆ͠·͢
  2. w )5514 w Ϩεϙϯγϒ w ΦϑϥΠϯ w ϗʔϜը໘௥Ճ w௿଎ճઢରԠ w

    Ϋϩεϒϥ΢βରԠ w εϜʔζͳϖʔδભҠ w ϖʔδຖͷ63- 18"$IFDLMJTU IUUQTEFWFMPQFSTHPPHMFDPNXFCQSPHSFTTJWFXFCBQQTDIFDLMJTU ϕʔεϥΠϯཁ݅ ໛ൣతͳ18" w ΠϯσοΫεՄೳ w 69 wύϑΥʔϚϯε w Ωϟογϡ w ௨஌ w ͦͷଞ
  3. 8FCΞϓϦͷύϑΥʔϚϯε w ύϑΥʔϚϯεͷछྨ w ϖʔδ͕͙͢ʹදࣔ͞ΕΔ w ϖʔδ͕ܰշʹಈ࡞͢Δ w 3"*-ύϑΥʔϚϯεϞσϧ w

    3FTQPOTFɺ"OJNBUJPOɺ*EMFɺ-PBEJOH w IUUQTEFWFMPQFSTHPPHMFDPNXFC GVOEBNFOUBMTQFSGPSNBODFSBJM
  4. ύϑΥʔϚϯεվળͷํ๏ 3 " - +BWB4DSJQUॲཧͷߴ଎Խ ˓ ˓ ˓ όοΫάϥ΢ϯυॲཧ ˓

    ελΠϧͷ࠷దԽ ˓ ˓ ඞཁϦιʔεͷ࡟ݮ ˓ ϦιʔεͷઌಡΈ ˓ ˓
  5. ஗͍+BWB4DSJQUॲཧͷվળ w ΞϧΰϦζϜͷվળ w 8FC8PSLFS w ॲཧͷฒྻԽɺόοΫάϥ΢ϯυ࣮ߦ w 8FC"TTFNCMZ w

    ॲཧͷߴ଎Խɺ$ࢿ࢈ͷར༻ɺ+4Ҏ֎ͷݴޠͷར༻ w (1(16ʢ8FC(-ɺ8FC(16ʣ w (16Λ࢖ͬͨॲཧͷߴ଎Խ
  6. 131-ύλʔϯ w 1VTI 3FOEFS 1SFDBDIF -B[ZMPBE w ϝϦοτ w 55*ʢ5JNF5P*OUFSBDUJWFʣͷ࠷খԽ

    w Ωϟογϡޮ཰ͷ࠷େԽ w ։ൃɾσϓϩΠϝϯτͷ؆ૉԽ w &4.PEVMFTʹΑΔޮ཰తͳεΫϦϓτಡΈࠐΈ IUUQTEFWFMPQFSTHPPHMFDPNXFCGVOEBNFOUBMTQFSGPSNBODFQSQMQBUUFSO
  7. 8FCΞϓϦͷઃܭ w ޙ͔Βຊ֨తͳ18"ʹ͢Δͷ͸೉͍͠ w ࠷ॳ͔Β18"Λҙࣝͨ͠ઃܭ 18"ϑΝʔετ  w 18"ͷ࡞Γํ 

    41"Λ͔ͬ͠Γ࡞Δ  4FSWJDF8PSLFSɺ8FC"QQ.BOJGFTUʹରԠ͢Δ  ύϑΥʔϚϯενϡʔχϯάΛؤுΔ w ޙ͔ΒͷύϑΥʔϚϯεվળ΋೉͍͠ ύϑΥʔϚϯεϑΝʔετͳઃܭ΁
  8. ύϑΥʔϚϯεվળͷΞϓϩʔν w ύϑΥʔϚϯε͸ΑΓॏཁͳཁૉ΁ w ϞόΠϧϑΝʔετΠϯσοΫε w ݕࡧΤϯδϯ͸8FCαΠτΛఆྔతʹධՁ͢Δ w ޙ෇͚ͷύϑΥʔϚϯεվળ͸ࠔ೉ w

    ύϑΥʔϚϯεΛߟྀͨ͠ઃܭɾاը΁ w ύϑΥʔϚϯεΛߟ͑ΒΕΔਓࡐͷඞཁੑ w ΤϯδχΞʢ౰ͨΓલʣ w σβΠφʔɺσΟϨΫλʔɺʜ