Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Lighthouseを用いたサイト改善 / Website Improvements Usin...
Search
AmatsukiKu
July 12, 2018
Programming
0
1.8k
Lighthouseを用いたサイト改善 / Website Improvements Using Lighthouse
Start Today Technologies Meetup #4で発表したスライドです。
AmatsukiKu
July 12, 2018
Tweet
Share
More Decks by AmatsukiKu
See All by AmatsukiKu
ZOZOのグローバルECのフロントエンドアーキテクチャ設計 / Frontend Architecture Design of ZOZO
amatsukiku
13
8k
新しくなったMaterial Designを触ってみた / Tried Material Design 2018
amatsukiku
0
3k
VASILY流CSSコーディング
amatsukiku
2
1.9k
test-queueによるテスト高速化
amatsukiku
1
850
Other Decks in Programming
See All in Programming
コードを読んで理解するko build
bells17
1
110
color-scheme: light dark; を完全に理解する
uhyo
7
490
Honoをフロントエンドで使う 3つのやり方
yusukebe
7
3.5k
pylint custom ruleで始めるレビュー自動化
shogoujiie
0
150
1年目の私に伝えたい!テストコードを怖がらなくなるためのヒント/Tips for not being afraid of test code
push_gawa
1
610
ABEMA iOS 大規模プロジェクトにおける段階的な技術刷新 / ABEMA iOS Technology Upgrade
akkyie
1
140
クリーンアーキテクチャから見る依存の向きの大切さ
shimabox
5
1.1k
Better Code Design in PHP
afilina
0
170
Bedrock Agentsレスポンス解析によるAgentのOps
licux
3
920
メンテが命: PHPフレームワークのコンテナ化とアップグレード戦略
shunta27
0
300
技術を改善し続ける
gumioji
0
120
2025.2.14_Developers Summit 2025_登壇資料
0101unite
0
200
Featured
See All Featured
BBQ
matthewcrist
87
9.5k
A Tale of Four Properties
chriscoyier
158
23k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Automating Front-end Workflow
addyosmani
1368
200k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
33
2.8k
Product Roadmaps are Hard
iamctodd
PRO
50
11k
Bash Introduction
62gerente
611
210k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
The Invisible Side of Design
smashingmag
299
50k
Building Your Own Lightsaber
phodgson
104
6.2k
Become a Pro
speakerdeck
PRO
26
5.2k
Transcript
© Start Today Technologies Inc. -JHIUIPVTFΛ༻͍ͨαΠτվળ 4UBSU5PEBZ5FDIOPMPHJFT.FFUVQ ৽ࣄۀ෦ϑϩϯτΤϯυνʔϜ ݖक ݈࢚
© Start Today Technologies Inc. ࣗݾհ • ݖक ݈࢚ʢ͝Μͷ͔Έ ͚Μ͡ʣ
• ϑϩϯτΤϯυΤϯδχΞ • !"NBUTVLJ,V *20/ͷ1$ɺεϚϗαΠτΛத৺ʹϑϩϯτΤϯυΛ୲
© Start Today Technologies Inc. ࠓͷςʔϚͱྲྀΕ ʮ-JHIUIPVTFΛ࣮ࡍʹͬͯΈͯɺಘͨݟʹ͍ͭͯͷհʯ • -JHIUIPVTFͱ •
-JHIUIPVTFΛͬͨվળྫ • -JHIUIPVTFΛར༻͢Δ্Ͱͷҙ
© Start Today Technologies Inc. -JHIUIPVTFͱ 8FCϖʔδΛͭͷ؍ͰԽ͠ɺվળ߲Λใࠂͯ͘͠ΕΔπʔϧ • (PPHMF$ISPNFͷ֦ுػೳ •
$ISPNF%FW5PPMTʢ$ISPNF͔Β౷߹ʣ • /PEF$-*
© Start Today Technologies Inc. վળʹऔΓΜͩϖʔδ ΞΠςϜৄࡉ ίʔσৄࡉ
© Start Today Technologies Inc. վળલͷείΞ ΞΠςϜৄࡉ ίʔσৄࡉ
© Start Today Technologies Inc. վળલͷείΞʢࠂίʔυແ͠ʣ ΞΠςϜৄࡉ ίʔσৄࡉ
© Start Today Technologies Inc. 1FSGPSNBODFͷධՁج४ • ओཁͳίϯςϯπ͕εΫϦʔϯ্ʹදࣔ͞ΕΔ·Ͱͷ࣌ؒ • ϖʔδ͕࠷ݶΠϯλϥΫςΟϒʹͳΔ·Ͱͷ࣌ؒ
CFUB • ϖʔδ͕શʹΠϯλϥΫςΟϒʹͳΔ·Ͱͷ࣌ؒ CFUB • ϖʔδͷίϯςϯπ͕ʹݟ͑Δঢ়ଶʹͳΔ·Ͱͷ࣌ؒΛείΞԽ ͨ͠ͷ 4QFFE*OEFY • ೖྗ࣌ͷϨεϙϯεͷ͞
© Start Today Technologies Inc. 4QFFE*OEFYͱ ʮ4QFFE*OEFY 8FC1BHFUFTU %PDVNFOUBUJPOʯ IUUQTTJUFTHPPHMFDPNBXFCQBHFUFTUPSHEPDTVTJOHXFCQBHFUFTUNFUSJDTTQFFEJOEFY
ΑΓ
© Start Today Technologies Inc. ࠂͷίʔυͷ • TDSJQUλάͷૠೖҐஔ TDSJQUλάΛධՁ͢ΔͨΊʹϨϯμϦϯά͕ࢭ·ͬͯ͠·͏ •
EPDVNFOUXSJUF ΛͬͨεΫϦϓτͷಈతಡΈࠐΈ • ωοτϫʔΫϥϯυτϦοϓ͕ൃੜ͠ɺಡΈࠐΈʹ͔͔Δ͕࣌ؒ૿͑Δ • ಡΈࠐΈݩͷTDSJQUλάʹBTZODଐੑΛ༩Ͱ͖ͳ͍
© Start Today Technologies Inc. ࠂͷίʔυͷվળ • TDSJQUλάͷૠೖҐஔ (PPHMF"ETFOTFͷΑ͏ʹඇಉظίʔυΛఏڙ͍ͯ͠Δͷʹ͍ͭͯɺͦͪΒ Λར༻͠ɺTDSJQUλάͷૠೖҐஔΛޙΖʹ͢Δ
• EPDVNFOUXSJUF ΛͬͨεΫϦϓτͷಈతಡΈࠐΈ ࠂΛؚΜͩίϯςϯπશମͷಡΈࠐΈΛ͘͢Δ͜ͱͰ͖ͳ͍͕ɺJGSBNFΛ ར༻ͨ͠ϋοΫΛ͏͜ͱͰɺඇಉظಡΈࠐΈΛՄೳʹ͠ɺओཁίϯςϯπͷಡ ΈࠐΈΛ͛ͳ͍ํ๏͕͋Δ
© Start Today Technologies Inc. ࠂίʔυͷվળޙͷείΞ ΞΠςϜৄࡉ ίʔσৄࡉ
© Start Today Technologies Inc. ࠂίʔυͷվળʹΑΔओཁίϯςϯπಡΈࠐΈ࣌ؒͷมԽ ΞΠςϜৄࡉ ίʔσৄࡉ
<NT> <NT> <NT> <NT> <NT> <NT>
© Start Today Technologies Inc. -JHIUIPVTFΛར༻͢Δ্Ͱͷҙ • 1FSGPSNBODFͷείΞ҆ఆ͠ͳ͍ αʔόʔଆࠂ৴ଆ͔ΒͷϨεϙϯεʹґଘ͢ΔͨΊ •
ਪ͞ΕΔ-B[ZMPBEΛೖΕͯඞͣ͠είΞ্͕͕Δ༁Ͱͳ͍ ΞΠςϜৄࡉͷϑΝʔετϏϡʔʹࣗಈૹΓͷΧϧʔηϧ͕͋ΓɺΧϧʔηϧ ͷޙΖͷίϯςϯπ-B[ZMPBEΛਪ͞ΕΔ͕ɺ࣮ࡍʹೖΕΔͱ4QFFE*OEFY͕ େ্͖͕ͬͯ͘͠·͏ • +40/Ͱอଘͨ݁͠Ռ$ISPNF%FW5PPMT্ͰݟΕͳ͍ IUUQTHPPHMFDISPNFHJUIVCJPMJHIUIPVTFWJFXFSY
© Start Today Technologies Inc. ·ͱΊ • -JHIUIPVTFݱঢ়ͰेࢀߟʹͳΔπʔϧ • -JHIUIPVTF͕ग़ྗ͢Δ1FSGPSNBODFͷείΞʹҰتҰ༕͠ͳ͍
• -JHIUIPVTF͕ఏҊ͢ΔυΩϡϝϯτΛཧղ͢Δ͜ͱΛଵΒͳ͍