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

Lighthouseで500点を目指す

 Lighthouseで500点を目指す

「WordBench大阪 & 京都 & Ionic Japan 5月 フルスイング」の発表資料です。

0fa1c2ed2eb4a18ddec3dd70cb1f72db?s=128

Yosuke Onoue

May 05, 2018
Tweet

Transcript

  1. -JHIUIPVTFͰ఺Λ໨ࢦ͢ ͓ͷ͏͑ 8PSE#FODIେࡕژ౎*POJD+BQBO݄ϑϧεΠϯά ೥݄೔

  2. ࣗݾ঺հ w ඌ্༸հ :PTVLF0OPVF  w ೔ຊେֶจཧֶ෦৘ใՊֶՊॿڭ w ՄࢹԽɺ࠷దԽɺΞϧΰϦζϜͷݚڀ w

    8PSE1SFTTॳ৺ऀ w ଎͘͢Δͷ͕޷͖
  3. ࠓ೔֮͑ͯؼͬͯཉ͍͜͠ͱ w 18"$IFDLMJTU w -JHIUIPVTF

  4. -JHIUIPVTF࢖ͬͯ·͔͢ʁ

  5. -JHIUIPVTFʁ w 8FCαΠτͷղੳπʔϧʢ$ISPNF֦ுPSίϚϯυʣ w 1SPHSFTTJWF8FC"QQ w 1FSGPSNBODF w "DDFTTJCJMJUZ w

    #FTU1SBDUJDFT w 4&0 w $ISPNF͔Βඪ४౥ࡌʢ"VEJUTQBOFMʣ w CZ(PPHMF
  6. ࠓ͙͢΍ͬͯʂ

  7. None
  8. None
  9. None
  10. None
  11. 1SPHSFTTJWF8FC"QQT

  12. 1SPHSFTTJWF8FC"QQT w IUUQTEFWFMPQFSTHPPHMFDPNXFCQSPHSFTTJWF XFCBQQT w 8FCαΠτͱωΠςΟϒΞϓϦͷ
 ͍͍ͱ͜औΓΛͨ͠8FCΞϓϦ w 1SPHSFTTJWF&OIBODFNFOU w

    ߴ͍ϢʔβϏϦςΟͷ࣮ݱ w ϏδωεϑϨϯυϦʔ
  13. 8FCͷτϨϯυ w ੩త8FCαΠτ w )5.-ɺ8FCαʔόʔ w ಈత8FCαΠτ w 1)1ɺ1ZUIPOɺ3VCZɺʜ w

    4JOHMF1BHF"QQMJDBUJPO 41"  w +BWB4DSJQUɺ3&45"1* w 1SPHSFTTJWF8FC"QQT 18"  w 41" Ћ ΑΓྑ͍69΁ ύϥμΠϜͷน w ൃ૝ͷҧ͍ w ։ൃํ๏ͷҧ͍
  14. 18"$IFDLMJTU IUUQTEFWFMPQFSTHPPHMFDPNXFCQSPHSFTTJWFXFCBQQTDIFDLMJTU

  15. 18"$IFDLMJTU w )5514 w Ϩεϙϯγϒ w ΦϑϥΠϯ w ϗʔϜը໘௥Ճ w

    ௿଎ճઢରԠ w Ϋϩεϒϥ΢βରԠ w εϜʔζͳϖʔδભҠ w ϖʔδຖͷ63- IUUQTEFWFMPQFSTHPPHMFDPNXFCQSPHSFTTJWFXFCBQQTDIFDLMJTU ϕʔεϥΠϯཁ݅ ໛ൣతͳ18" w ΠϯσοΫεՄೳ w 69 w ύϑΥʔϚϯε w Ωϟογϡ w ௨஌ w ͦͷଞ ྑ͍8FCαΠτͷࢦ਑
  16. 18"$IFDLMJTU w )5514 w Ϩεϙϯγϒ w ΦϑϥΠϯ w ϗʔϜը໘௥Ճ w

    ௿଎ճઢରԠ w Ϋϩεϒϥ΢βରԠ w εϜʔζͳϖʔδભҠ w ϖʔδຖͷ63- ϕʔεϥΠϯཁ݅ ໛ൣతͳ18" w ΠϯσοΫεՄೳ w 69 w ύϑΥʔϚϯε w Ωϟογϡ w ௨஌ w ͦͷଞ 41"ઃܭؔ࿈
  17. 18"$IFDLMJTU w )5514 w Ϩεϙϯγϒ w ΦϑϥΠϯ w ϗʔϜը໘௥Ճ w

    ௿଎ճઢରԠ w Ϋϩεϒϥ΢βରԠ w εϜʔζͳϖʔδભҠ w ϖʔδຖͷ63- ϕʔεϥΠϯཁ݅ ໛ൣతͳ18" w ΠϯσοΫεՄೳ w 69 w ύϑΥʔϚϯε w Ωϟογϡ w ௨஌ w ͦͷଞ ʮϗʔϜը໘΁௥Ճʯؔ࿈
  18. 18"$IFDLMJTU w )5514 w Ϩεϙϯγϒ w ΦϑϥΠϯ w ϗʔϜը໘௥Ճ w

    ௿଎ճઢରԠ w Ϋϩεϒϥ΢βରԠ w εϜʔζͳϖʔδભҠ w ϖʔδຖͷ63- ϕʔεϥΠϯཁ݅ ໛ൣతͳ18" w ΠϯσοΫεՄೳ w 69 w ύϑΥʔϚϯε w Ωϟογϡ w ௨஌ w ͦͷଞ ΦϑϥΠϯؔ࿈
  19. 18"$IFDLMJTU w )5514 w Ϩεϙϯγϒ w ΦϑϥΠϯ w ϗʔϜը໘௥Ճ w

    ௿଎ճઢରԠ w Ϋϩεϒϥ΢βରԠ w εϜʔζͳϖʔδભҠ w ϖʔδຖͷ63- ϕʔεϥΠϯཁ݅ ໛ൣతͳ18" w ΠϯσοΫεՄೳ w 69 w ύϑΥʔϚϯε w Ωϟογϡ w ௨஌ w ͦͷଞ ύϑΥʔϚϯεؔ࿈
  20. 18"$IFDLMJTU w )5514 w Ϩεϙϯγϒ w ΦϑϥΠϯ w ϗʔϜը໘௥Ճ w

    ௿଎ճઢରԠ w Ϋϩεϒϥ΢βରԠ w εϜʔζͳϖʔδભҠ w ϖʔδຖͷ63- ϕʔεϥΠϯཁ݅ ໛ൣతͳ18" w ΠϯσοΫεՄೳ w 69 w ύϑΥʔϚϯε w Ωϟογϡ w ௨஌ w ͦͷଞ 4&0ؔ࿈
  21. 18"$IFDLMJTU w )5514 w Ϩεϙϯγϒ w ΦϑϥΠϯ w ϗʔϜը໘௥Ճ w

    ௿଎ճઢରԠ w Ϋϩεϒϥ΢βରԠ w εϜʔζͳϖʔδભҠ w ϖʔδຖͷ63- ϕʔεϥΠϯཁ݅ ໛ൣతͳ18" w ΠϯσοΫεՄೳ w 69 w ύϑΥʔϚϯε w Ωϟογϡ w ௨஌ w ͦͷଞ ϗεςΟϯάؔ࿈
  22. ଟ͘͸18"͸ಛผͷٕज़Ͱ͸ͳ͍

  23. ೉͘͠ͳ͍Ͱ͢ΑͶʁ

  24. 18"Λ࡞ΔͨΊʹ͸ lྑ͍8FCαΠτzΛ ౰ͨΓલʹ࡞Ζ͏

  25. ྑ͍8FCαΠτʁ w ΩϨΠͳσβΠϯʁ w ৘ใ͕ͨ͘͞Μ٧·ͬͯΔʁ w ศརʁ w ද͕ࣔૣ͍ w

    ࢖ָ͍͍ͬͯͯ͠ʁ w εϚϗͰݟ΍͍͢ʁ w ਓ͕ͨ͘͞Μू·Δʁ w ίϯόʔδϣϯ͕ଟ͍ʁ
  26. lྑ͍8FCαΠτzͷج४Λ࣋ͭ

  27. ڝٕ-JHIUIPVTFͷεεϝ w ૉৼΓʢϑϧεΠϯάʣ w ٬؍తɾఆྔతͳࢦඪͰ8FCαΠτΛධՁ͢Δ w ۀ຿Ͱ໾ཱͭͷʁ w ϕϯνϚʔΫͰ͢Β఺͕औΕͳͯ͘େৎ෉ʁ

  28. -JHIUIPVTFͷείΞΛ্͛Δ  ·ͱ΋ͳ41"Λ࡞Δ w "DDFTTJCJMJUZɺ#FTU1SBDUJDFTɺ4&0  4FSWJDF8PSLFSɺ"QQ.BOJGFTUͷରԠΛ͢Δ w 1SPHSFTTJWF8FC"QQT 

    ύϑΥʔϚϯεΛ௥ٻ͢Δ w 1FSGPSNBODF
  29. 18"ϑΝʔετͳઃܭ w ޙ෇͚Ͱ18"ʹ͢Δͷ͸೉͍͠ w ࠷ॳ͔Β18"Λҙࣝͨ͠ઃܭ 18"ϑΝʔετ  w 18"ͷ࡞Γํ 

    41"Λ͔ͬ͠Γ࡞Δ  4FSWJDF8PSLFSɺ8FC"QQ.BOJGFTUʹରԠ͢Δ  ύϑΥʔϚϯενϡʔχϯάΛؤுΔ
  30. 41"Λ͔ͬ͠Γ࡞Δ w "DDFTTJCJMJUZ w จࣈ৭ͱഎܠ৭ͷίϯτϥετɺϦϯΫͷςΩετɺ
 φϏήʔγϣϯɺλΠτϧཁૉɺ*%ଐੑͷॏෳɺ
 MBOHଐੑɺWJFXQPSUɺBMUଐੑɺSPMFଐੑɺBSJB ଐੑɺWBMJEͳཁૉ ߏ੒ɺʜ w

    #FTU1SBDUJDFT w %FQSFDBUFEͳ"1*ͷېࢭɺ)5514ɺ)551ɺ
 ίϯιʔϧʹΤϥʔ͕ग़ͳ͍ɺը૾ͷΞεϖΫτൺɺʜ w 4&0 w ϞόΠϧͰ΋ద੾ͳϑΥϯταΠζɺUJUMFཁૉɺNFUBཁૉɺʜ
  31. 4FSWJDF8PSLFSɺ8FC"QQ.BOJGFTUରԠ w 4FSWJDF8PSLFS w QSFDBDIFSVOUJNFDBDIF w XPSLCPY w XFCQBDLXPSLCPYQMVHJO w

    8FC"QQ.BOJGFTU w "QQ*OTUBMM#BOOFS
  32. const WorkboxPlugin = require('workbox-webpack-plugin') module.exports = { plugins: [ new

    WorkboxPlugin.GenerateSW({ swDest: 'sw.js', globDirectory: './public', globPatterns: [ '*.{html,css,js}' ], globIgnores: [ '_redirects', 'bundle.js', 'sw.js' ], navigateFallback: '/index.html' }) ] }
  33. { "short_name": "vdslab", "name": "vdslab Website", "icons": [ { "src":

    "icon128.png", "sizes": "128x128", "type": "image/png" }, { "src": "icon192.png", "sizes": "192x192", "type": "image/png" }, { "src": "icon512.png", "sizes": "512x512", "type": "image/png" } ], "start_url": "/index.html", "background_color": "#fff", "theme_color": "rgb(47,87,89)", "display": "standalone" }
  34. ύϑΥʔϚϯενϡʔχϯάΛؤுΔ w 8FCϖʔδͷ༰ྔΛখ͘͢͞Δ w 3"*-Ϟσϧͷ-ʢ-PBEʣɿNTҎ಺ w 3FHVMBS(ʢLCQT NT355ʣ w ͦͷϥΠϒϥϦ͸ຊ౰ʹඞཁͰ͔͢ʁ

    w 443WT131- w 443ɿ/PEFKTɺ'BB4ͳͲͰؤுΔ w 131-ɿ)5514FSWFS1VTI
  35. େن໛ϓϩμΫτͰ͜ΕΒΛ
 ҰਓͰ͜ͳ͢͜ͱ͸೉͍͠

  36. গ͠ະདྷͷ࿩ w ࠓޙύϑΥʔϚϯε͸ΑΓॏཁͳཁૉʹͳΔʢ͔΋ʣ w ϞόΠϧϑΝʔετΠϯσοΫε w ݕࡧΤϯδϯ͸8FCαΠτΛఆྔతʹධՁ͢Δ w ύϑΥʔϚϯεΛߟ͑ΒΕΔ w

    ΤϯδχΞʢ౰ͨΓલʣ w σβΠφʔɺσΟϨΫλʔɺʜ
  37. ٕज़બ୒Λ͢Δ w ඞཁͳٕज़ΛݟۃΊΑ͏ w ৽͍ٕ͠ज़ʢϥΠϒϥϦɺϑϨʔϜϫʔΫɺ"1*ɺ࢓ ༷ʣ͸ԿΛղܾ͠·͔͢ʁ w ٕज़ऀʢ͋ͳͨʣ͕ؾ࣋ͪྑ͘ͳΔͨΊʹٕज़ΛબΜ Ͱ͍·ͤΜ͔ʁ

  38. ࠓ೔֮͑ͯؼͬͯཉ͍͜͠ͱ w 18"$IFDLMJTU w lྑ͍8FCαΠτzΛಥ͖٧Ίͨ݁Ռ͕18" w -JHIUIPVTF w lྑ͍8FCαΠτzΛ٬؍తɾఆྔతʹධՁ͢Δ w

    είΞΛ্͛Δʹ͸ʁ w lపఈతͳΤϯδχΞϦϯάz