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

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

Masahiko Sakakibara
July 07, 2019
Programming
1
560

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

Masahiko Sakakibara

July 07, 2019
Tweet

More Decks by Masahiko Sakakibara

See All by Masahiko Sakakibara
本当に欲しかったのはモノレポツールではなく、tsconfigの設定だった / monorepo-tsconfig
rdlabo
1
83
Reactフレームワークプロダクトを
モバイルアプリにして、もっと便利に。 ユーザに価値を届けよう。/React Framework with Capacitor
rdlabo
0
230
プライベートプロダクト戦略 - フロントエンドカンファレンス沖縄 / private_product_frontend
rdlabo
3
4.3k
GitHubをCMSとして使う話/ using_github_as_CMS
rdlabo
0
400
JavaScriptから デバイスの力を100%引き出すための
Web APIとCapacitor入門 / power_from_javascript
rdlabo
0
510
Capacitor4_release
rdlabo
0
600
Web技術で稼ぐため選択肢を俯瞰しよう/options_to_earn_web_technology
rdlabo
0
120
Ionicモバイルアプリ制作入門/get_started_with_ionic
rdlabo
0
120
JavaScript から デバイスの力を 100%引き出すための Capacitor と Angular でのはじめかた。
rdlabo
2
1.8k

Other Decks in Programming

See All in Programming
「その気にさせる」エンジニアが 最強のリーダーになる理由
gimupop
3
420
エンジニアに許された特別な時間の終わり
watany
87
75k
Node.js, Deno, Bun 最新動向とその所感について
yosuke_furukawa
PRO
5
2.8k
Boost Your Web Performance with Hyperdrive
chimame
1
220
RecSys2024 参加報告
unonao
1
170
Devin , 正しい付き合い方と使い方 / Living and Working with Devin
yukinagae
1
440
Compose Navigation実装の見通しを良くする
hiroaki404
0
120
GDG Super.init(version=6) - From Where to Wear : 모바일 개발자가 워치에서 발견한 인사이트
haeti2
0
500
気がついたら子供が社会人になって 自分と同じモバイルアプリエンジニアになった件 / Parent-Child Engineers
koishi
0
250
JavaOne 2025: Advancing Java Profiling
jbachorik
1
240
バックエンドNode.js × フロントエンドDeno で開発して得られた知見
ayame113
4
1.2k
AWS Step Functions は CDK で書こう！
konokenj
5
1k

Featured

See All Featured
Rebuilding a faster, lazier Slack
samanthasiow
80
8.9k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Documentation Writing (for coders)
carmenintech
69
4.7k
Docker and Python
trallard
44
3.3k
How GitHub (no longer) Works
holman
314
140k
How to Ace a Technical Interview
jacobian
276
23k
Adopting Sorbet at Scale
ufuk
75
9.3k
Designing Experiences People Love
moore
140
23k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
600
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.3k
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
Embracing the Ebb and Flow
colly
84
4.6k

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!