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
320

 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.7k
7ce46cdba50db99f3403024fe2519c91?s=48 rdlabo
0
980
7ce46cdba50db99f3403024fe2519c91?s=48 rdlabo
1
380
7ce46cdba50db99f3403024fe2519c91?s=48 rdlabo
0
840
7ce46cdba50db99f3403024fe2519c91?s=48 rdlabo
0
56
7ce46cdba50db99f3403024fe2519c91?s=48 rdlabo
0
61
7ce46cdba50db99f3403024fe2519c91?s=48 rdlabo
0
110
7ce46cdba50db99f3403024fe2519c91?s=48 rdlabo
0
74
7ce46cdba50db99f3403024fe2519c91?s=48 rdlabo
0
64

Other Decks in Programming

See All in Programming
9f2edd3fb2cc8feb20221138ca91d9fc?s=48 kuriko
0
270
37388695483b7c7d355cd9a9dc04281e?s=48 srea
1
210
A45d7e872a00eb4478c45fa0f7595a3d?s=48 rilmayer
3
800
E8fae2ce31d2d3700bca68c464862bad?s=48 paru871
0
100
Cf337591106e061c317b6e103c80e961?s=48 brn
0
140
7166bc2cbc462ab5fd1987a76d0fe709?s=48 takahirom
1
730
1bfc6e2ed04a895bb36f36b86828b689?s=48 110y
0
120
922f51d458d6ffee8578b9d3ab0a52b6?s=48 ug
1
180
640727b1a8120669de9b6d7f1d469893?s=48 ch6noota
0
260
7eca3e06edc3c69004aaf57de51900c2?s=48 ajstarks
3
5.8k
Ca17a082a30f4cbfed1d0a6dacbe3af2?s=48 shin1x1
PRO
2
2.7k
897f2389f9228d4ef123f4196e75f3a4?s=48 yukimasa123
0
150

Featured

See All Featured
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
37
3k
88f4e84b94fe07cddbd9e6479d689192?s=48 soudai
25
11k
7cbd3f5f922d798cc312eaf596de7ae6?s=48 iamctodd
33
3.2k
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
446
29k
A60068bce2e73de3a37ca9d2dbe36092?s=48 bryan
106
12k
282d599b414022eba5096510f675b6e2?s=48 chrislema
174
14k
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
372
43k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
498
130k
Aebc2d07a50011e2a30d38435fde564a?s=48 jrom
120
7.5k
027d1ebf66cc039a0bd3b55eeadbe75d?s=48 sachag
449
36k
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
11
1.3k
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
212
7.3k

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!