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
決済端末ビジネスを、決済会社だけのものにしない/stripe_terminal_business
Avatar for Masahiko Sakakibara rdlabo
0
41
JavaScriptで始める店舗インフラ決済構築/stripe_terminal_workshop
Avatar for Masahiko Sakakibara rdlabo
0
38
No Install CMS戦略 〜 5年先を見据えたフロントエンド開発を考える / no_install_cms
Avatar for Masahiko Sakakibara rdlabo
0
690
本当に欲しかったのはモノレポツールではなく、tsconfigの設定だった / monorepo-tsconfig
Avatar for Masahiko Sakakibara rdlabo
1
380
Reactフレームワークプロダクトを
モバイルアプリにして、もっと便利に。 ユーザに価値を届けよう。/React Framework with Capacitor
Avatar for Masahiko Sakakibara rdlabo
0
530
プライベートプロダクト戦略 - フロントエンドカンファレンス沖縄 / private_product_frontend
Avatar for Masahiko Sakakibara rdlabo
3
4.8k
GitHubをCMSとして使う話/ using_github_as_CMS
Avatar for Masahiko Sakakibara rdlabo
0
670
JavaScriptから デバイスの力を100%引き出すための
Web APIとCapacitor入門 / power_from_javascript
Avatar for Masahiko Sakakibara rdlabo
0
630
Capacitor4_release
Avatar for Masahiko Sakakibara rdlabo
0
720

Other Decks in Programming

See All in Programming
Flow は今どうなっているか
Avatar for mizdra mizdra
PRO
0
510
仕様駆動開発へのトライを機に チームに適合する手法を模索し続けている話
Avatar for freee freee
PRO
0
500
Terraform標準の組織で AWS CDKをどう使うか
Avatar for mu7889yoon / Yuta Nakamura mu7889yoon
1
510
改善しないと、タスクが回らない。 “てんこ盛りポジション” を引き継いだ情シスの、入社3ヶ月の業務改善録
Avatar for Kurumi Watabe krm963
0
260
torikago - Ruby::Boxで照らすモジュラモノリスの実行境界
Avatar for nori se4weed
1
370
Android CLI
Avatar for Sungyong An fornewid
0
220
為什麼你並不需要ViewModel / No, you don't need a ViewModel
Avatar for Elvis Shi lovee
1
500
Claude CodeとAgentCore Gatewayを繋ぐ際の認証認可 / Authentication and authorization when connecting Claude Code with AgentCore Gateway
Avatar for Har1101 har1101
2
270
Built Our Own Background Agent at LayerX
Avatar for LayerX layerx
PRO
10
5.4k
Apache Hive: そしてCloud Native Lakehouseへ
Avatar for okumin okumin
1
230
5分で問診！Composer セキュリティ健康診断
Avatar for コドモン開発チーム codmoninc
0
1k
生成AIで帳票OCRが「簡単に」作れる時代になった？
Avatar for Shohei Kondo kon_shou
0
890

Featured

See All Featured
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
390
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
6
1.2k
Crafting Experiences
Avatar for Bethany Jepchumba bethany
1
250
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
2
1.3k
The agentic SEO stack - context over prompts
Avatar for schlessera schlessera
0
860
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
32k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
2k
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon Słowik szymonslowik
1
380
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
7k
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
660
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
280
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
332
25k

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!