Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Ionic/Angularのパフォーマンスチューニング/ionic-angular-perfo...
Search
Masahiko Sakakibara
July 07, 2019
Programming
1
560
Ionic/Angularのパフォーマンスチューニング/ionic-angular-perfomance-tuning
Masahiko Sakakibara
July 07, 2019
Tweet
Share
More Decks by Masahiko Sakakibara
See All by Masahiko Sakakibara
本当に欲しかったのはモノレポツールではなく、tsconfigの設定だった / monorepo-tsconfig
rdlabo
1
72
Reactフレームワークプロダクトを モバイルアプリにして、もっと便利に。 ユーザに価値を届けよう。/React Framework with Capacitor
rdlabo
0
200
プライベートプロダクト戦略 - フロントエンドカンファレンス沖縄 / private_product_frontend
rdlabo
3
4.3k
GitHubをCMSとして使う話/ using_github_as_CMS
rdlabo
0
380
JavaScriptから デバイスの力を100%引き出すための Web APIとCapacitor入門 / power_from_javascript
rdlabo
0
500
Capacitor4_release
rdlabo
0
600
Web技術で稼ぐため選択肢を俯瞰しよう/options_to_earn_web_technology
rdlabo
0
110
Ionicモバイルアプリ制作入門/get_started_with_ionic
rdlabo
0
110
JavaScript から デバイスの力を 100%引き出すための Capacitor と Angular でのはじめかた。
rdlabo
2
1.8k
Other Decks in Programming
See All in Programming
負債になりにくいCSSをデザイナとつくるには?
fsubal
10
2.5k
sappoRo.R #12 初心者セッション
kosugitti
0
270
Ça bouge du côté des animations CSS !
goetter
2
110
Django NinjaによるAPI開発の効率化とリプレースの実践
kashewnuts
1
190
Boost Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
0
610
DROBEの生成AI活用事例 with AWS
ippey
0
140
富山発の個人開発サービスで日本中の学校の業務を改善した話
krpk1900
5
400
Jakarta EE meets AI
ivargrimstad
0
150
密集、ドキュメントのコロケーション with AWS Lambda
satoshi256kbyte
1
210
pylint custom ruleで始めるレビュー自動化
shogoujiie
0
140
『GO』アプリ データ基盤のログ収集システムコスト削減
mot_techtalk
0
130
なぜイベント駆動が必要なのか - CQRS/ESで解く複雑系システムの課題 -
j5ik2o
14
4.5k
Featured
See All Featured
The Art of Programming - Codeland 2020
erikaheidi
53
13k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.1k
How to Think Like a Performance Engineer
csswizardry
22
1.4k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
27
1.6k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
The Cult of Friendly URLs
andyhume
78
6.2k
Designing on Purpose - Digital PM Summit 2013
jponch
117
7.1k
Thoughts on Productivity
jonyablonski
69
4.5k
Building Your Own Lightsaber
phodgson
104
6.2k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Java REST API Framework Comparison - PWX 2021
mraible
29
8.4k
Transcript
*POJD"OHVMBS 1FSGPNBODF5VOJOH
*OUSPEVDF .BTBIJLP4BLBLJCBSB $&0PG 3FMBUJPO%FTJHO-BC $50PS "SFB*OOPWBUJPO"MJBODF *POJD+BQBO6TFS(SPVQ 0SHBOJ[FS
$POUSJCVUF ionic-team/ionic ionic-team/starters ionic-team/ionic-cli ionic-team/ionic-docs ionic-team/ionic-react -conference-app GoogleChrome/lighthouse
*POJDTVC$-* "VUPTFUQSPKFDU MJOUcGPSNBUUFScBMJBT
$BQBDJUPSBENPCc$BQBDJUPSGBDFCPPLMPHJO
$BQBDJUPSGBDFCPPLMPHJOUVUPSJBM
<1SPEVDU>"SFB*OOPWBUJPO3FWJFX 8FCNBHB[JOF GPSDJUZNBOBHFNFOU
<1SPEVDU>*POJD81DPN *POJDGPSCVJMENPCJMFCMPH VTJOH8PSE1SFTTDPN
<1SPEVDU>SBCJGZ$%/ FYBNQMFDPNDBUKQH E FYBNQMFDPNDBUKQH E *NQSPWFJNBHFEJTQMBZTQFFE CZSFTJ[FBOE$%/IPTUJOH
<1SPEVDU>UJQTZT 'FNBMFPOMZ4/4 GPSDSFBUFGFNBMFGSJFOET
1FSGPNBODF https://www.thinkwithgoogle.com/marketing-resources/data-measurement/mobile-page-speed-new-industry-benchmarks/ l/PNBUUFSXIBU GBTUFSJTCFUUFSBOEMFTTJTNPSFz
*OBQQQVSDIBTFIJTUPSZ "1*41&&%61
3FRVJSFUIJOLJOH *TZPVS"QQMJDBUJPOGBTU )PXUPNFBTVSF )PXEPFTJUHFUGBTUFS
'BTU*POJDBQQMJDBUJPOJTUPPEJ⒏DVMU
*POJDIBTSPPNGPSUVOJOH
)PXUPNFBTVSF-JHIUIPVTF
#VU-JHIUIPVTFJT w 1FSGPSNBODFJTQPJOU JTO`UJU w $BO`UNFBTVSF'$1'.1 w *TZPVSFOWJSPONFOUJTDPOTUBOU
w %PFTPODFIBWFBOZBDDVSBDZ
DBUDIQPJOU
DBUDIQPJOUJT w 1FSGPSNBODFJTUJNF w 6TFBOZWBMVFJOTUFBEPG'$1'.1 w &OWJSPONFOUJTpYFEQPJOUPCTFSWBUJPO w .FBTVSFQFSNJOGFXUJNF
&OWJSPONFOU w /FUMJGZ"TTFUPQUJNJ[BUJPO%JTBCMF w IPVSDMPDL +VOF 4BU UPIPVST
w .FBTVSF4BO'SBODJTDP w OºEPNBJOT w J1IPOF(&NVMBUF w 6OJUTNT w 6TFTUBSUFSUFNQMBUFAUBCTA
6TF&BHFS-PBEJOH.PEVMFT'JSTU1BHF Result: Verified
6TF&BHFS-PBEJOH.PEVMFT/FYU1BHF Result: Verified #VUTPNFUJNF 5IJTJODSFBTFUIFCVOEMFTJ[F BOENBZTMPXEPXOUIFJOJUJBMEJTQMBZ QSFMPBEJOH4USBUFHZ
1SFMPBE*POJD$PNQPOFOUT'JSTU1BHF Result: Verified
1SFMPBE*POJD$PNQPOFOUT/FYU1BHF Result: Verified
1SFGFUDI+BWB4DSJQUpMFTVTJOHB4FSWJDF8PSLFS'JSTU1BHF Result: No Effect
1SFGFUDI+BWB4DSJQUpMFTVTJOHB4FSWJDF8PSLFS/FYU1BHF Result: Effect at some pattern
6OWFSJpFE )ZQPUIFTJT1SFMPBEJOH*POJDPOT Using rel=“preload" of IonIcon Using rel=“preload" of IonImg
0QUJPOBM w *OMJOF$44 w 4FSWFS1VTI )551 w /FUMJGZWT'JSFCBTF IUUQTXXXTBWKFFCF4UBUJDXFCTJUFIPTUJOHXIPJTGBTUFTU
OHKBQBO!