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

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

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Masahiko Sakakibara Masahiko Sakakibara
July 07, 2019
Programming
610
1

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

Avatar for Masahiko Sakakibara

Masahiko Sakakibara

July 07, 2019

More Decks by Masahiko Sakakibara

See All by Masahiko Sakakibara
No Install CMS戦略 〜 5年先を見据えたフロントエンド開発を考える / no_install_cms
Avatar for Masahiko Sakakibara rdlabo
0
660
本当に欲しかったのはモノレポツールではなく、tsconfigの設定だった / monorepo-tsconfig
Avatar for Masahiko Sakakibara rdlabo
1
370
Reactフレームワークプロダクトを
モバイルアプリにして、もっと便利に。 ユーザに価値を届けよう。/React Framework with Capacitor
Avatar for Masahiko Sakakibara rdlabo
0
470
プライベートプロダクト戦略 - フロントエンドカンファレンス沖縄 / private_product_frontend
Avatar for Masahiko Sakakibara rdlabo
3
4.8k
GitHubをCMSとして使う話/ using_github_as_CMS
Avatar for Masahiko Sakakibara rdlabo
0
640
JavaScriptから デバイスの力を100%引き出すための
Web APIとCapacitor入門 / power_from_javascript
Avatar for Masahiko Sakakibara rdlabo
0
620
Capacitor4_release
Avatar for Masahiko Sakakibara rdlabo
0
700
Web技術で稼ぐため選択肢を俯瞰しよう/options_to_earn_web_technology
Avatar for Masahiko Sakakibara rdlabo
0
170
Ionicモバイルアプリ制作入門/get_started_with_ionic
Avatar for Masahiko Sakakibara rdlabo
0
170

Other Decks in Programming

See All in Programming
tsserverとは何だったのか、これからどうなるのか
Avatar for Ryota Nakamura nowaki28
1
450
Composerを使ったサプライチェーン攻撃の様子を眺めてみる #phpstudy
Avatar for hideki kinjyo o0h
PRO
2
220
Lemonade + Foundry Toolkit でお手軽アプリ開発
Avatar for 瀬尾佳隆 seosoft
1
310
Swiftのレキシカルスコープ管理
Avatar for kntk kntkymt
0
210
Oxcを導入して開発体験が向上した話
Avatar for Yuji Yamaguchi yug1224
4
290
AI時代の仕事技芸論 — ソフトウェア開発で「遊ぶように働く」職人的熟達のすすめ
Avatar for Yoshihito Kuranuki / 倉貫義人 kuranuki
1
610
ビジネスモデルから紐解く、AI+型駆動開発
Avatar for Hiroki Omote hirokiomote
2
5.2k
軽量Java基盤の設計 DIコンテナに頼らない、長期保守と1秒起動の実現 JJUG CCC 2026 Spring
Avatar for Masaaki Takahashi macha64
0
450
正しくソフトウェアを作る、前提を疑うための認知の視点 / doubt-premise
Avatar for MinoDriven minodriven
17
5.9k
Claspは野良GASの夢をみるか
Avatar for てらうちたかし takter00
0
160
CSC307 Lecture 17
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
310
キャリア迷子上等 ─ "ない道"は自分で作ればいい
Avatar for 16bit_idol 16bitidol
2
650

Featured

See All Featured
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
82
6.3k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.4k
We Are The Robots
Avatar for Honza Javorek honzajavorek
0
240
SEO in 2025: How to Prepare for the Future of Search
Avatar for Michael King ipullrank
3
3.5k
Crafting Experiences
Avatar for Bethany Jepchumba bethany
1
170
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
31
6k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
66
8.5k
What’s in a name? Adding method to the madness
Avatar for The Alliance productmarketing
PRO
24
4.1k
Paper Plane
Avatar for Katie Cordina Lindsey katiecoart
PRO
1
51k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
360
30k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k

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!