Upgrade to Pro — share decks privately, control downloads, hide ads and more …

WCJKT2019 - Audit Performance Workshop

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for R AdySurya A R AdySurya A
February 16, 2019
Technology
1
53

WCJKT2019 - Audit Performance Workshop

Avatar for R AdySurya A

R AdySurya A

February 16, 2019
Tweet

More Decks by R AdySurya A

See All by R AdySurya A
React With Offline First
Avatar for R AdySurya A ri7nz
2
130
Image Generator On The Sky
Avatar for R AdySurya A ri7nz
1
47

Other Decks in Technology

See All in Technology
CDKで始めるTypeScript開発のススメ
Avatar for つくぼし tsukuboshi
1
430
GitHub Issue Templates + Coding Agentで簡単みんなでIaC/Easy IaC for Everyone with GitHub Issue Templates + Coding Agent
Avatar for AEON aeonpeople
1
230
超初心者からでも大丈夫！オープンソース半導体の楽しみ方〜今こそ！オレオレチップをつくろう〜
Avatar for Yamada3 keropiyo
0
110
生成AIを活用した音声文字起こしシステムの2つの構築パターンについて
Avatar for Kazuki Miura miu_crescent
PRO
2
200
Cosmos World Foundation Model Platform for Physical AI
Avatar for Takuya MINAGAWA takmin
0
900
プロダクト成長を支える開発基盤とスケールに伴う課題
Avatar for yuu26 yuu26
4
1.3k
こんなところでも（地味に）活躍するImage Modeさんを知ってるかい？- Image Mode for OpenShift -
Avatar for Masataka Tsukamoto tsukaman
0
140
10Xにおける品質保証活動の全体像と改善 #no_more_wait_for_test
Avatar for nihonbuson nihonbuson
PRO
2
290
Greatest Disaster Hits in Web Performance
Avatar for Estela Franco guaca
0
250
Tebiki Engineering Team Deck
Avatar for Tebiki, Inc. tebiki
0
24k
[CV勉強会@関東 World Model 読み会] Orbis: Overcoming Challenges of Long-Horizon Prediction in Driving World Models (Mousakhan+, NeurIPS 2025)
Avatar for abemii_ abemii
0
140
クレジットカード決済基盤を支えるSRE - 厳格な監査とSRE運用の両立 (SRE Kaigi 2026)
Avatar for capytan capytan
6
2.8k

Featured

See All Featured
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
Avatar for MADOX madoxten
57
50k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2.3k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1.1k
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
2.9k
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
210
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
4.9k
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
20k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
34k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
54k
Collaborative Software Design: How to facilitate domain modelling decisions
Avatar for Kenny Baas-Schwegler baasie
0
140

Transcript

  1. WCJKT2019 Audit Performance R AdySurya A

  2. How Browser Rendering a Website

  3. Web Render FCP (First Content Paint) TTI (Time to Interactive)

    TTFB : Time to First Byte FP (First Paint)

  4. Performance Metrics First Paint First Content Paint Time To Interactive

  5. What this? Request or load resource before First Paint

  6. Tools for Audit

  7. Use Web.Dev

  8. Performance issue report from web.dev Hint & Guide for Resolve

    Issues

  9. Before

  10. After

  11. Resolve Issue Element Render blocking resources Before After

  12. An Example Plugin For optimise https://github.com/wp-id/mcw-pwa

  13. Tips for Optimize • Choose The Right Host • Optimize

    image (use webp) • Efficient Content Delivery Network • Select Well-Optimized Themes Wordpress • Monitor Plugin • Optimize Home Page

  14. Q&A

  15. –R Adysurya A “Thank You So Much.” @ri7nz @ri7nz linkedin.com/in/r-adysurya-agus/