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
Django NinjaによるAPI開発の効率化とリプレースの実践
kashewnuts
1
290
SwiftUI Viewの責務分離
elmetal
PRO
2
280
color-scheme: light dark; を完全に理解する
uhyo
7
500
メンテが命: PHPフレームワークのコンテナ化とアップグレード戦略
shunta27
0
310
Jakarta EE meets AI
ivargrimstad
0
570
15分で学ぶDuckDBの可愛い使い方 DuckDBの最近の更新
notrogue
3
790
Honoのおもしろいミドルウェアをみてみよう
yusukebe
1
240
Rails 1.0 のコードで学ぶ find_by* と method_missing の仕組み / Learn how find_by_* and method_missing work in Rails 1.0 code
maimux2x
1
260
良いコードレビューとは
danimal141
7
4.3k
生成AIで加速するテスト実装 - ロリポップ for Gamersの事例と 生成AIエディタの活用
kinosuke01
0
130
CloudNativePGを布教したい
nnaka2992
0
120
pylint custom ruleで始めるレビュー自動化
shogoujiie
0
160
Featured
See All Featured
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
The Invisible Side of Design
smashingmag
299
50k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.5k
Building Adaptive Systems
keathley
40
2.4k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
27
1.9k
How to train your dragon (web standard)
notwaldorf
91
5.9k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
175
52k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.5k
Embracing the Ebb and Flow
colly
84
4.6k
How to Think Like a Performance Engineer
csswizardry
22
1.4k
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͕ఏҊ͢ΔυΩϡϝϯτΛཧղ͢Δ͜ͱΛଵΒͳ͍