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
530
Ionic/Angularのパフォーマンスチューニング/ionic-angular-perfomance-tuning
Masahiko Sakakibara
July 07, 2019
Tweet
Share
More Decks by Masahiko Sakakibara
See All by Masahiko Sakakibara
プライベートプロダクト戦略 - フロントエンドカンファレンス沖縄 / private_product_frontend
rdlabo
3
4.2k
GitHubをCMSとして使う話/ using_github_as_CMS
rdlabo
0
340
JavaScriptから デバイスの力を100%引き出すための Web APIとCapacitor入門 / power_from_javascript
rdlabo
0
460
Capacitor4_release
rdlabo
0
580
Web技術で稼ぐため選択肢を俯瞰しよう/options_to_earn_web_technology
rdlabo
0
100
Ionicモバイルアプリ制作入門/get_started_with_ionic
rdlabo
0
90
JavaScript から デバイスの力を 100%引き出すための Capacitor と Angular でのはじめかた。
rdlabo
2
1.7k
JavaScriptとSwift&JavaをつなげるCapacitorと、これからのWeb Frontend/Linking JavaScript with Swift&Java, And the future of Web Frontend.
rdlabo
0
3.5k
NestJSを活用したREST APIサーバ/REST_API_SERVER_BY_NESTJS
rdlabo
0
1.4k
Other Decks in Programming
See All in Programming
Progressive Web Apps for Rails developers
siaw23
2
540
Rails 8 Frontend: 10 commandments & 7 deadly sins in 2025
yshmarov
1
620
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
8
410
"Swarming" をコンセプトに掲げるアジャイルチームのベストプラクティス
boykush
2
240
Cloud Adoption Framework にみる組織とクラウド導入戦略
tomokusaba
2
450
色んなオートローダーを覗き見る #phpcon_okinawa
o0h
PRO
5
380
pytest プラグインを開発して DRY に自動テストを書こう
inuatsu
2
260
NANIMACHI
naokiito
0
940
メルカリ ハロ アプリの技術スタック
atsumo
2
750
ファーストペンギンBot @Qiita Hackathon 2024 予選
dyson_web
0
220
What is TDD?
urakawa_jinsei
1
220
Re:PandasAI:生成AIがデータ分析業務にもたらすパラダイムシフト【増補改訂版】
negi111111
1
900
Featured
See All Featured
Speed Design
sergeychernyshev
22
480
Teambox: Starting and Learning
jrom
131
8.7k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
28
7.5k
KATA
mclloyd
27
13k
Web Components: a chance to create the future
zenorocha
310
42k
Ruby is Unlike a Banana
tanoku
96
11k
Bash Introduction
62gerente
608
210k
Designing for Performance
lara
604
68k
The Cost Of JavaScript in 2023
addyosmani
43
5.8k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.5k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
27
1.9k
Automating Front-end Workflow
addyosmani
1365
200k
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!