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

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

Avatar for Masahiko Sakakibara Masahiko Sakakibara
July 07, 2019
Programming
1
570

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

Avatar for Masahiko Sakakibara

Masahiko Sakakibara

July 07, 2019
Tweet

More Decks by Masahiko Sakakibara

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

Other Decks in Programming

See All in Programming
ドメイン駆動設計とXPで支える子どもの未来 / Domain-Driven Design and XP Supporting Children's Future
Avatar for nrs nrslib
0
350
AIにコードを生成するコードを作らせて、再現性を担保しよう！ / Let AI generate code to ensure reproducibility
Avatar for Yusuke Yamada yamachu
7
5.9k
Efficiency and Rock 'n’ Roll (Really!)
Avatar for Holly Cummins hollycummins
0
570
TSConfigからTypeScriptの世界を覗く
Avatar for らいと planck16
2
1.2k
Devinで実践する！AIエージェントと協働する開発組織の作り方
Avatar for Masahiro Nishimi masahiro_nishimi
6
2.2k
インターフェース設計のコツとツボ
Avatar for おぎ togishima
2
410
ruby.wasmとWebSocketで遊ぼう！
Avatar for lni_T lnit
0
150
イベントソーシングとAIの親和性ー物語とLLMに理解できるデータ
Avatar for Tomohisa Takaoka tomohisa
1
160
コードに語らせよう――自己ドキュメント化が内包する楽しさについて / Let the Code Speak
Avatar for nrs nrslib
5
710
Cloudflare Workersで進めるリモートMCP活用
Avatar for syumai syumai
13
1.9k
生成AI時代のフルスタック開発
Avatar for Kenn Ejima kenn
9
2.1k
iOSアプリ開発もLLMで自動運転する
Avatar for Yuya Hirayama hiragram
6
2k

Featured

See All Featured
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
345
40k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
32
5.8k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
94
13k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
656
60k
BBQ
Avatar for Matthew Crist matthewcrist
88
9.7k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
160
15k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1031
460k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
22k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
16k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
30
2.1k
Fontdeck: Realign not Redesign
Avatar for Paul Robert Lloyd paulrobertlloyd
84
5.5k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
613
210k

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!