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

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

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

7ce46cdba50db99f3403024fe2519c91?s=128

Masahiko Sakakibara

July 07, 2019
Tweet

Want more?

7ce46cdba50db99f3403024fe2519c91?s=48 rdlabo
0
2.4k
7ce46cdba50db99f3403024fe2519c91?s=48 rdlabo
0
580
7ce46cdba50db99f3403024fe2519c91?s=48 rdlabo
1
230
A9a491b0fcbe0fbce3d64063a37add99?s=48 rmw
1
48
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
0
56
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenhchung
4
110
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
3
140
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
1
210
C35e01544a0dd94a2cf1619ee8a42ebb?s=48 clairelew
2
380
6bb82b13cda86d3b821fa44100335ddf?s=48 thoeni
1
100
B3ace07412a5178ea778e7eec161fc0a?s=48 jcasabona
4
190
Ef32e0b1ac5082450dc8c1fca3a26b5c?s=48 cherdarchuk
60
250k

Transcript

  1. 1.

    *POJD"OHVMBS
 1FSGPNBODF5VOJOH

  2. 2.

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

  3. 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. 4.

    *POJDTVC$-* "VUPTFUQSPKFDU  MJOUcGPSNBUUFScBMJBT

  5. 5.

    $BQBDJUPSBENPCc$BQBDJUPSGBDFCPPLMPHJO

  6. 6.

    $BQBDJUPSGBDFCPPLMPHJOUVUPSJBM

  7. 7.

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

  8. 8.

    <1SPEVDU>*POJD81DPN *POJDGPSCVJMENPCJMFCMPH
 VTJOH8PSE1SFTTDPN

  9. 9.

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

  10. 10.

     <1SPEVDU>UJQTZT 'FNBMFPOMZ4/4
 GPSDSFBUFGFNBMFGSJFOET

  11. 11.

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

  12. 12.

    *OBQQQVSDIBTFIJTUPSZ "1*41&&%61

  13. 13.

    3FRVJSFUIJOLJOH *TZPVS"QQMJDBUJPOGBTU  )PXUPNFBTVSF  )PXEPFTJUHFUGBTUFS

  14. 14.

    'BTU*POJDBQQMJDBUJPOJTUPPEJ⒏DVMU

  15. 15.

    *POJDIBTSPPNGPSUVOJOH

  16. 16.

    )PXUPNFBTVSF-JHIUIPVTF

  17. 17.

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

    w %PFTPODFIBWFBOZBDDVSBDZ
  18. 18.

    DBUDIQPJOU

  19. 19.

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

  20. 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. 21.

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

  22. 22.

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

  23. 23.

    1SFMPBE*POJD$PNQPOFOUT'JSTU1BHF Result: Verified

  24. 24.

    1SFMPBE*POJD$PNQPOFOUT/FYU1BHF Result: Verified

  25. 25.

    1SFGFUDI+BWB4DSJQUpMFTVTJOHB4FSWJDF8PSLFS'JSTU1BHF Result: No Effect

  26. 26.

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

  27. 27.

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

  28. 28.

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

  29. 29.

    OHKBQBO!