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

Lighthouseを用いたサイト改善 / Website Improvements Usin...

Lighthouseを用いたサイト改善 / Website Improvements Using Lighthouse

Start Today Technologies Meetup #4で発表したスライドです。

AmatsukiKu

July 12, 2018
Tweet

More Decks by AmatsukiKu

Other Decks in Programming

Transcript

  1. © Start Today Technologies Inc. ࣗݾ঺հ • ݖक ݈࢚ʢ͝Μͷ͔Έ ͚Μ͡ʣ

    • ϑϩϯτΤϯυΤϯδχΞ • !"NBUTVLJ,V *20/ͷ1$ɺεϚϗαΠτΛத৺ʹϑϩϯτΤϯυΛ୲౰
  2. © Start Today Technologies Inc. 1FSGPSNBODFͷධՁج४ • ओཁͳίϯςϯπ͕εΫϦʔϯ্ʹදࣔ͞ΕΔ·Ͱͷ࣌ؒ • ϖʔδ͕࠷௿ݶΠϯλϥΫςΟϒʹͳΔ·Ͱͷ࣌ؒ

    CFUB • ϖʔδ͕׬શʹΠϯλϥΫςΟϒʹͳΔ·Ͱͷ࣌ؒ CFUB • ϖʔδͷίϯςϯπ͕໨ʹݟ͑Δঢ়ଶʹͳΔ·Ͱͷ࣌ؒΛείΞԽ ͨ͠΋ͷ 4QFFE*OEFY • ೖྗ࣌ͷϨεϙϯεͷ଎͞
  3. © Start Today Technologies Inc. ޿ࠂͷίʔυͷ໰୊఺ • TDSJQUλάͷૠೖҐஔ TDSJQUλάΛධՁ͢ΔͨΊʹϨϯμϦϯά͕ࢭ·ͬͯ͠·͏ •

    EPDVNFOUXSJUF Λ࢖ͬͨεΫϦϓτͷಈతಡΈࠐΈ • ωοτϫʔΫϥ΢ϯυτϦοϓ͕ൃੜ͠ɺಡΈࠐΈʹ͔͔Δ͕࣌ؒ૿͑Δ • ಡΈࠐΈݩͷTDSJQUλάʹBTZODଐੑΛ෇༩Ͱ͖ͳ͍
  4. © Start Today Technologies Inc. ޿ࠂͷίʔυͷվળ • TDSJQUλάͷૠೖҐஔ (PPHMF"ETFOTFͷΑ͏ʹඇಉظίʔυΛఏڙ͍ͯ͠Δ΋ͷʹ͍ͭͯ͸ɺͦͪΒ Λར༻͠ɺTDSJQUλάͷૠೖҐஔΛޙΖʹ͢Δ

    • EPDVNFOUXSJUF Λ࢖ͬͨεΫϦϓτͷಈతಡΈࠐΈ ޿ࠂΛؚΜͩίϯςϯπશମͷಡΈࠐΈΛ୹͘͢Δ͜ͱ͸Ͱ͖ͳ͍͕ɺJGSBNFΛ ར༻ͨ͠ϋοΫΛ࢖͏͜ͱͰɺඇಉظಡΈࠐΈΛՄೳʹ͠ɺओཁίϯςϯπͷಡ ΈࠐΈΛ๦͛ͳ͍ํ๏͕͋Δ
  5. © Start Today Technologies Inc. -JHIUIPVTFΛར༻͢Δ্Ͱͷ஫ҙ఺ • 1FSGPSNBODFͷείΞ͸҆ఆ͠ͳ͍ αʔόʔଆ΍޿ࠂ഑৴ଆ͔ΒͷϨεϙϯε଎౓ʹґଘ͢ΔͨΊ •

    ਪ঑͞ΕΔ-B[ZMPBEΛೖΕͯ΋ඞͣ͠΋είΞ্͕͕Δ༁Ͱ͸ͳ͍ ΞΠςϜৄࡉͷϑΝʔετϏϡʔʹ͸ࣗಈૹΓͷΧϧʔηϧ͕͋ΓɺΧϧʔηϧ ͷޙΖͷίϯςϯπ͸-B[ZMPBEΛਪ঑͞ΕΔ͕ɺ࣮ࡍʹೖΕΔͱ4QFFE*OEFY͕ େ্͖͕ͬͯ͘͠·͏ • +40/Ͱอଘͨ݁͠Ռ͸$ISPNF%FW5PPMT্ͰݟΕͳ͍ IUUQTHPPHMFDISPNFHJUIVCJPMJHIUIPVTFWJFXFSY