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

Ionic/Angularのパフォーマンスチューニング/ionic-angular-perfomance-tuning

7ce46cdba50db99f3403024fe2519c91?s=47 Masahiko Sakakibara
July 07, 2019
Programming
1
240

 Ionic/Angularのパフォーマンスチューニング/ionic-angular-perfomance-tuning

7ce46cdba50db99f3403024fe2519c91?s=128

Masahiko Sakakibara

July 07, 2019
Tweet

More Decks by Masahiko Sakakibara

See All by Masahiko Sakakibara
7ce46cdba50db99f3403024fe2519c91?s=48 rdlabo
0
2.5k
7ce46cdba50db99f3403024fe2519c91?s=48 rdlabo
0
740
7ce46cdba50db99f3403024fe2519c91?s=48 rdlabo
1
270
7ce46cdba50db99f3403024fe2519c91?s=48 rdlabo
0
750
7ce46cdba50db99f3403024fe2519c91?s=48 rdlabo
0
44
7ce46cdba50db99f3403024fe2519c91?s=48 rdlabo
0
45
7ce46cdba50db99f3403024fe2519c91?s=48 rdlabo
0
92
7ce46cdba50db99f3403024fe2519c91?s=48 rdlabo
0
68
7ce46cdba50db99f3403024fe2519c91?s=48 rdlabo
0
58

Other Decks in Programming

See All in Programming
4782d92d3deeb4ab527ba6f867bf07c3?s=48 mizdra
7
4.8k
027cabf82b6860498e5107f500bed48f?s=48 nanimonodemonai
2
1.4k
Ca91df01df9ee53c57b8c5a81aeec889?s=48 kazuki19992
0
440
51ae114c2809ff0d2945c751efa7cffc?s=48 canon1ky
3
340
1787c980f779b663dcd86ffcdc120044?s=48 yshrsmz
1
450
405fe9ab689473f267e2cfbd95f78c75?s=48 kyonmm
2
2.1k
1821636ac95415aa6e84bc33b394283d?s=48 tommykw
1
320
9ed92fc8760bf8b6ea2a034022052b42?s=48 takaram
1
1.2k
E0e036f89c14b3e59640318eedf9670b?s=48 bkuhlmann
4
610
De4cef85165e8a063b5e40fe1f24daa4?s=48 cocoeyes02
0
220
9eca6d3a5658ef22998083a3d8e7ec44?s=48 shigeruoda
0
460
1623dd1adf096ba35ba33727d933e14c?s=48 nbkouhou
9
4.5k

Featured

See All Featured
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
168
7.1k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
684
180k
32de0bd2ba869609d26fd052a4622778?s=48 cromwellryan
101
5.9k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
294
39k
1519587b1a0febb658c36c94f6272b0d?s=48 roundedbygravity
84
7.8k
9fa239b3154a0169d99ab7bf1422dd12?s=48 marcelosomers
220
15k
719435d98d452de7ac367c828266cf01?s=48 erikaheidi
13
4.2k
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
437
28k
462dad0dd24c568a32dcdb0ae895ae1b?s=48 rasmusluckow
318
18k
027d1ebf66cc039a0bd3b55eeadbe75d?s=48 sachag
267
17k
78b475797a14c84799063c7cd073962f?s=48 holman
448
130k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
310
21k

Transcript

  1. *POJD"OHVMBS
 1FSGPNBODF5VOJOH

  2. *OUSPEVDF .BTBIJLP4BLBLJCBSB $&0PG
 3FMBUJPO%FTJHO-BC $50PS
 "SFB*OOPWBUJPO"MJBODF *POJD+BQBO6TFS(SPVQ
 0SHBOJ[FS

  3. $POUSJCVUF ionic-team/ionic ionic-team/starters ionic-team/ionic-cli ionic-team/ionic-docs ionic-team/ionic-react
 -conference-app GoogleChrome/lighthouse

  4. *POJDTVC$-* "VUPTFUQSPKFDU  MJOUcGPSNBUUFScBMJBT

  5. $BQBDJUPSBENPCc$BQBDJUPSGBDFCPPLMPHJO

  6. $BQBDJUPSGBDFCPPLMPHJOUVUPSJBM

  7. <1SPEVDU>"SFB*OOPWBUJPO3FWJFX 8FCNBHB[JOF
 GPSDJUZNBOBHFNFOU

  8. <1SPEVDU>*POJD81DPN *POJDGPSCVJMENPCJMFCMPH
 VTJOH8PSE1SFTTDPN

  9. <1SPEVDU>SBCJGZ$%/ FYBNQMFDPNDBUKQH E FYBNQMFDPNDBUKQH E *NQSPWFJNBHFEJTQMBZTQFFE
 CZSFTJ[FBOE$%/IPTUJOH

  10.  <1SPEVDU>UJQTZT 'FNBMFPOMZ4/4
 GPSDSFBUFGFNBMFGSJFOET

  11. 1FSGPNBODF https://www.thinkwithgoogle.com/marketing-resources/data-measurement/mobile-page-speed-new-industry-benchmarks/ l/PNBUUFSXIBU GBTUFSJTCFUUFSBOEMFTTJTNPSFz

  12. *OBQQQVSDIBTFIJTUPSZ "1*41&&%61

  13. 3FRVJSFUIJOLJOH *TZPVS"QQMJDBUJPOGBTU  )PXUPNFBTVSF  )PXEPFTJUHFUGBTUFS

  14. 'BTU*POJDBQQMJDBUJPOJTUPPEJ⒏DVMU

  15. *POJDIBTSPPNGPSUVOJOH

  16. )PXUPNFBTVSF-JHIUIPVTF

  17. #VU-JHIUIPVTFJT w 1FSGPSNBODFJTQPJOU JTO`UJU  w $BO`UNFBTVSF'$1'.1 w *TZPVSFOWJSPONFOUJTDPOTUBOU 

    w %PFTPODFIBWFBOZBDDVSBDZ

  18. DBUDIQPJOU

  19. DBUDIQPJOUJT w 1FSGPSNBODFJTUJNF w 6TFBOZWBMVFJOTUFBEPG'$1'.1 w &OWJSPONFOUJTpYFEQPJOUPCTFSWBUJPO w .FBTVSFQFSNJOœGFXUJNF

  20. &OWJSPONFOU w /FUMJGZ"TTFUPQUJNJ[BUJPO%JTBCMF w IPVSDMPDL +VOF  4BU UPIPVST 

    w .FBTVSF4BO'SBODJTDP w OºEPNBJOT w J1IPOF(&NVMBUF w 6OJUTNT w 6TFTUBSUFSUFNQMBUFAUBCTA

  21. 6TF&BHFS-PBEJOH.PEVMFT'JSTU1BHF Result: Verified

  22. 6TF&BHFS-PBEJOH.PEVMFT/FYU1BHF Result: Verified #VUTPNFUJNF 5IJTJODSFBTFUIFCVOEMFTJ[F
 BOENBZTMPXEPXOUIFJOJUJBMEJTQMBZ QSFMPBEJOH4USBUFHZ

  23. 1SFMPBE*POJD$PNQPOFOUT'JSTU1BHF Result: Verified

  24. 1SFMPBE*POJD$PNQPOFOUT/FYU1BHF Result: Verified

  25. 1SFGFUDI+BWB4DSJQUpMFTVTJOHB4FSWJDF8PSLFS'JSTU1BHF Result: No Effect

  26. 1SFGFUDI+BWB4DSJQUpMFTVTJOHB4FSWJDF8PSLFS/FYU1BHF Result: Effect at some pattern

  27. 6OWFSJpFE )ZQPUIFTJT1SFMPBEJOH*POJDPOT Using rel=“preload" of IonIcon Using rel=“preload" of IonImg

  28. 0QUJPOBM w *OMJOF$44 w 4FSWFS1VTI
 )551  w /FUMJGZWT'JSFCBTF IUUQTXXXTBWKFFCF4UBUJDXFCTJUFIPTUJOHXIPJTGBTUFTU

  29. OHKBQBO!