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

WCJKT2019 - Audit Performance Workshop

Avatar for R AdySurya A R AdySurya A
February 16, 2019
Technology
1
51

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
120
Image Generator On The Sky
Avatar for R AdySurya A ri7nz
1
46

Other Decks in Technology

See All in Technology
OPENLOGI Company Profile for engineer
Avatar for OPENLOGI hr01
1
34k
Reach American Airlines®️ Instantly: 19 Calling Methods for Fast Support in the USA
Avatar for Bdsdigi@1234 flyamerican
1
170
american airlines®️ USA Contact Numbers: Complete 2025 Support Guide
Avatar for cassowary3740 supportflight
1
110
AWS Organizations 新機能！マルチパーティ承認の紹介
Avatar for yhana yhana
1
280
自律的なスケーリング手法FASTにおけるVPoEとしてのアカウンタビリティ / dev-productivity-con-2025
Avatar for Yoshiki Iida yoshikiiida
1
16k
品質と速度の両立：生成AI時代の品質保証アプローチ
Avatar for odasho odasho
1
340
ビズリーチにおけるリアーキテクティング実践事例 / JJUG CCC 2025 Spring
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
1
120
Core Audio tapを使ったリアルタイム音声処理のお話
Avatar for Sloth yuta0306
0
190
マネジメントって難しい、けどおもしろい / Management is tough, but fun! #em_findy
Avatar for ar_tama ar_tama
7
1.1k
オーティファイ会社紹介資料 / Autify Company Deck
Avatar for Autify autifyhq
10
130k
AI時代の開発生産性を加速させるアーキテクチャ設計
Avatar for PLAID Tech plaidtech
PRO
3
150
How Do I Contact HP Printer Support? [Full 2025 Guide for U.S. Businesses]
Avatar for jackkkk harrry1211
0
120

Featured

See All Featured
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
51
3.3k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
207
24k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
271
27k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.7k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
29
9.6k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
51
8.5k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
69
11k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
512
110k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
7
740
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
82
9.1k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
107
19k

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/