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

1cb874654a240f295173de46635c8bca?s=47 AmatsukiKu
July 12, 2018
Programming
0
1.4k

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

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

1cb874654a240f295173de46635c8bca?s=128

AmatsukiKu

July 12, 2018
Tweet

More Decks by AmatsukiKu

See All by AmatsukiKu
1cb874654a240f295173de46635c8bca?s=48 amatsukiku
13
6.2k
1cb874654a240f295173de46635c8bca?s=48 amatsukiku
0
2.4k
1cb874654a240f295173de46635c8bca?s=48 amatsukiku
2
1.5k
1cb874654a240f295173de46635c8bca?s=48 amatsukiku
1
700

Other Decks in Programming

See All in Programming
Dee9a95c0e5483692c54cc5e60e8b09e?s=48 yusuke57
0
330
D9e4d5a4b36f83fbde1076815df1362f?s=48 bmack
0
380
3499a1d71fa70b8ee44816ca9e7329fe?s=48 bells17
1
440
23190387d424e33d6a1a807cea1e0469?s=48 osamtimizer
0
150
C302e84057a922dce0ecbe80207e3fcc?s=48 mu_zaru
0
300
1a18bf1e50d7d2bdfe52a6c9fceec244?s=48 saiya_moebius
7
1.5k
5a065e7ea7c56f4b04c2271771688df3?s=48 raykataoka
34
18k
D360f2c7f29fa7e28e3e648031fbe2f3?s=48 kajyuuen
0
110
9cbac3a8b2ea3f8f9c79d01aeb050ad3?s=48 shikugawa
1
680
C302e84057a922dce0ecbe80207e3fcc?s=48 mu_zaru
0
120
A093c82d1ffb09f8a023c757ffa7419d?s=48 yuzujoe
2
190
Fc96157614ee73039c4a575906167979?s=48 fukumura
0
260

Featured

See All Featured
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
84
8.3k
7fa6101cd43067653cf4ac6c7ca54305?s=48 akmur
252
19k
C4de88ea47538e4594750e3861a341c8?s=48 brettharned
91
2.8k
56c4053438af8e8b90d6f53cbb7573be?s=48 jakevdp
766
190k
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
295
39k
9fa239b3154a0169d99ab7bf1422dd12?s=48 marcelosomers
221
14k
761be20b5ebd271008bcee1244fc5b52?s=48 matthewcrist
70
7k
1f74b13f1e5c6c69cb5d7fbaabb1e2cb?s=48 sferik
606
53k
812e1705ff0f8bc1bcf18587bde687d5?s=48 62gerente
581
190k
39488f9d172ab92fd352f2cd7b73258d?s=48 mza
80
3.9k
5f50f94346fbcb23706f0707169317a4?s=48 aarron
253
36k
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
55
5.3k

Transcript

  1. © Start Today Technologies Inc. -JHIUIPVTFΛ༻͍ͨαΠτվળ 4UBSU5PEBZ5FDIOPMPHJFT.FFUVQ ৽ࣄۀ૑଄෦ϑϩϯτΤϯυνʔϜ ݖक ݈࢚

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

    • ϑϩϯτΤϯυΤϯδχΞ • !"NBUTVLJ,V *20/ͷ1$ɺεϚϗαΠτΛத৺ʹϑϩϯτΤϯυΛ୲౰

  3. © Start Today Technologies Inc. ࠓ೔ͷςʔϚͱྲྀΕ ʮ-JHIUIPVTFΛ࣮ࡍʹ࢖ͬͯΈͯɺಘͨ஌ݟʹ͍ͭͯͷ঺հʯ • -JHIUIPVTFͱ͸ •

    -JHIUIPVTFΛ࢖ͬͨվળྫ • -JHIUIPVTFΛར༻͢Δ্Ͱͷ஫ҙ఺

  4. © Start Today Technologies Inc. -JHIUIPVTFͱ͸ 8FCϖʔδΛͭͷ؍఺Ͱ਺஋Խ͠ɺվળ߲໨Λใࠂͯ͘͠ΕΔπʔϧ • (PPHMF$ISPNFͷ֦ுػೳ •

    $ISPNF%FW5PPMTʢ$ISPNF͔Β౷߹ʣ • /PEF$-*

  5. © Start Today Technologies Inc. վળʹऔΓ૊Μͩϖʔδ ΞΠςϜৄࡉ ίʔσৄࡉ

  6. © Start Today Technologies Inc. վળલͷείΞ ΞΠςϜৄࡉ ίʔσৄࡉ

  7. © Start Today Technologies Inc. վળલͷείΞʢ޿ࠂίʔυແ͠ʣ ΞΠςϜৄࡉ ίʔσৄࡉ

  8. © Start Today Technologies Inc. 1FSGPSNBODFͷධՁج४ • ओཁͳίϯςϯπ͕εΫϦʔϯ্ʹදࣔ͞ΕΔ·Ͱͷ࣌ؒ • ϖʔδ͕࠷௿ݶΠϯλϥΫςΟϒʹͳΔ·Ͱͷ࣌ؒ

    CFUB • ϖʔδ͕׬શʹΠϯλϥΫςΟϒʹͳΔ·Ͱͷ࣌ؒ CFUB • ϖʔδͷίϯςϯπ͕໨ʹݟ͑Δঢ়ଶʹͳΔ·Ͱͷ࣌ؒΛείΞԽ ͨ͠΋ͷ 4QFFE*OEFY • ೖྗ࣌ͷϨεϙϯεͷ଎͞

  9. © Start Today Technologies Inc. 4QFFE*OEFYͱ͸ ʮ4QFFE*OEFY 8FC1BHFUFTU %PDVNFOUBUJPOʯ IUUQTTJUFTHPPHMFDPNBXFCQBHFUFTUPSHEPDTVTJOHXFCQBHFUFTUNFUSJDTTQFFEJOEFY

    ΑΓ

  10. © Start Today Technologies Inc. ޿ࠂͷίʔυͷ໰୊఺ • TDSJQUλάͷૠೖҐஔ TDSJQUλάΛධՁ͢ΔͨΊʹϨϯμϦϯά͕ࢭ·ͬͯ͠·͏ •

    EPDVNFOUXSJUF Λ࢖ͬͨεΫϦϓτͷಈతಡΈࠐΈ • ωοτϫʔΫϥ΢ϯυτϦοϓ͕ൃੜ͠ɺಡΈࠐΈʹ͔͔Δ͕࣌ؒ૿͑Δ • ಡΈࠐΈݩͷTDSJQUλάʹBTZODଐੑΛ෇༩Ͱ͖ͳ͍

  11. © Start Today Technologies Inc. ޿ࠂͷίʔυͷվળ • TDSJQUλάͷૠೖҐஔ (PPHMF"ETFOTFͷΑ͏ʹඇಉظίʔυΛఏڙ͍ͯ͠Δ΋ͷʹ͍ͭͯ͸ɺͦͪΒ Λར༻͠ɺTDSJQUλάͷૠೖҐஔΛޙΖʹ͢Δ

    • EPDVNFOUXSJUF Λ࢖ͬͨεΫϦϓτͷಈతಡΈࠐΈ ޿ࠂΛؚΜͩίϯςϯπશମͷಡΈࠐΈΛ୹͘͢Δ͜ͱ͸Ͱ͖ͳ͍͕ɺJGSBNFΛ ར༻ͨ͠ϋοΫΛ࢖͏͜ͱͰɺඇಉظಡΈࠐΈΛՄೳʹ͠ɺओཁίϯςϯπͷಡ ΈࠐΈΛ๦͛ͳ͍ํ๏͕͋Δ

  12. © Start Today Technologies Inc. ޿ࠂίʔυͷվળޙͷείΞ ΞΠςϜৄࡉ ίʔσৄࡉ

  13. © Start Today Technologies Inc. ޿ࠂίʔυͷվળʹΑΔओཁίϯςϯπಡΈࠐΈ࣌ؒͷมԽ ΞΠςϜৄࡉ ίʔσৄࡉ  

    <NT>   <NT>   <NT>   <NT>   <NT>   <NT>

  14. © Start Today Technologies Inc. -JHIUIPVTFΛར༻͢Δ্Ͱͷ஫ҙ఺ • 1FSGPSNBODFͷείΞ͸҆ఆ͠ͳ͍ αʔόʔଆ΍޿ࠂ഑৴ଆ͔ΒͷϨεϙϯε଎౓ʹґଘ͢ΔͨΊ •

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

  15. © Start Today Technologies Inc. ·ͱΊ • -JHIUIPVTF͸ݱঢ়Ͱ΋े෼ࢀߟʹͳΔπʔϧ • -JHIUIPVTF͕ग़ྗ͢Δ1FSGPSNBODFͷείΞʹҰتҰ༕͠ͳ͍

    • -JHIUIPVTF͕ఏҊ͢ΔυΩϡϝϯτΛཧղ͢Δ͜ͱΛଵΒͳ͍