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
1
600

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

Other Decks in Programming

See All in Programming
登壇資料を作る時に意識していること #登壇資料_findy
Avatar for konifar konifar
4
2k
株式会社 Sun terras カンパニーデック
Avatar for Sun terras.Inc sunterras
0
1.8k
Agent Skills Workshop - AIへの頼み方を仕組み化する
Avatar for Gota gotalab555
12
6.5k
Python’s True Superpower
Avatar for Hynek Schlawack hynek
0
190
go directiveを最新にしすぎないで欲しい話──あるいは、Go 1.26からgo mod initで作られるgo directiveの値が変わる話 / Go 1.26 リリースパーティ
Avatar for Arthur arthur1
1
110
今から始めるClaude Code超入門
Avatar for 448jp | OKI Yoshiya 448jp
8
9.5k
kintone + ローカルLLM = ?
Avatar for ITO Akihiro akit37
0
120
Event Storming
Avatar for Henning Schwentner hschwentner
3
1.3k
Metaprogramming isn't real, it can't hurt you
Avatar for Masafumi Okura okuramasafumi
0
130
CSC307 Lecture 12
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
450
Oxlint JS plugins
Avatar for kazupon kazupon
1
1.1k
AI時代の認知負荷との向き合い方
Avatar for OptFit Corp. optfit
0
180

Featured

See All Featured
Chasing Engaging Ingredients in Design
Avatar for Sebastian Deterding codingconduct
0
120
The agentic SEO stack - context over prompts
Avatar for schlessera schlessera
0
670
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
61
9.7k
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
Avatar for AKADEMIYA2063 akademiya2063
PRO
1
65
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
67
37k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
14k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
55
12k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
2.3k
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
200
Highjacked: Video Game Concept Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
300
<Decoding/> the Language of Devs - We Love SEO 2024
Avatar for Nikki Halliwell nikkihalliwell
1
140
B2B Lead Gen: Tactics, Traps & Triumph
Avatar for Sophie Logan marketingsoph
0
63

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!