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
580
Ionic/Angularのパフォーマンスチューニング/ionic-angular-perfomance-tuning
Masahiko Sakakibara
July 07, 2019
Tweet
Share
More Decks by Masahiko Sakakibara
See All by Masahiko Sakakibara
No Install CMS戦略 〜 5年先を見据えたフロントエンド開発を考える / no_install_cms
rdlabo
0
500
本当に欲しかったのはモノレポツールではなく、tsconfigの設定だった / monorepo-tsconfig
rdlabo
1
200
Reactフレームワークプロダクトを モバイルアプリにして、もっと便利に。 ユーザに価値を届けよう。/React Framework with Capacitor
rdlabo
0
340
プライベートプロダクト戦略 - フロントエンドカンファレンス沖縄 / private_product_frontend
rdlabo
3
4.5k
GitHubをCMSとして使う話/ using_github_as_CMS
rdlabo
0
480
JavaScriptから デバイスの力を100%引き出すための Web APIとCapacitor入門 / power_from_javascript
rdlabo
0
560
Capacitor4_release
rdlabo
0
630
Web技術で稼ぐため選択肢を俯瞰しよう/options_to_earn_web_technology
rdlabo
0
140
Ionicモバイルアプリ制作入門/get_started_with_ionic
rdlabo
0
140
Other Decks in Programming
See All in Programming
開発チーム・開発組織の設計改善スキルの向上
masuda220
PRO
19
11k
サーバーサイドのビルド時間87倍高速化
plaidtech
PRO
0
720
OSS開発者という働き方
andpad
5
1.7k
もうちょっといいRubyプロファイラを作りたい (2025)
osyoyu
0
400
Kiroの仕様駆動開発から見えてきたAIコーディングとの正しい付き合い方
clshinji
1
210
Improving my own Ruby thereafter
sisshiki1969
1
160
Namespace and Its Future
tagomoris
6
700
Amazon RDS 向けに提供されている MCP Server と仕組みを調べてみた/jawsug-okayama-2025-aurora-mcp
takahashiikki
1
110
Oracle Database Technology Night 92 Database Connection control FAN-AC
oracle4engineer
PRO
1
440
Vue・React マルチプロダクト開発を支える Vite
andpad
0
110
Design Foundational Data Engineering Observability
sucitw
3
190
Compose Multiplatform × AI で作る、次世代アプリ開発支援ツールの設計と実装
thagikura
0
130
Featured
See All Featured
Reflections from 52 weeks, 52 projects
jeffersonlam
352
21k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Why Our Code Smells
bkeepers
PRO
339
57k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
Visualization
eitanlees
148
16k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
139
34k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
840
Rebuilding a faster, lazier Slack
samanthasiow
83
9.2k
4 Signs Your Business is Dying
shpigford
184
22k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.5k
A Tale of Four Properties
chriscoyier
160
23k
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!