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
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
次世代のメールプロトコルの斜め読み
Avatar for HIRANO Yoshitaka hirachan
3
260
SRE × マネジメントレイヤーが挑戦した組織・会社のオブザーバビリティ改革 ― ビジネス価値と信頼性を両立するリアルな挑戦
Avatar for coconala_engineer coconala_engineer
0
420
Kotlinで型安全にバイテンポラルデータを扱いたい！ ReladomoラッパーをAIと実装してみた話
Avatar for Hiroshi Ito itohiro73
3
140
dbtとAIエージェントを組み合わせて見えたデータ調査の新しい形
Avatar for 10xinc 10xinc
7
1.7k
サブドメインテイクオーバー事例紹介と対策について
Avatar for mikiT mikit
7
2k
プロファイルとAIエージェントによる効率的なデバッグ / Effective debugging with profiler and AI assistant
Avatar for ymotongpoo ymotongpoo
1
710
GPUをつかってベクトル検索を 扱う手法のお話し ~NVIDIA cuVSとCAGRA~
Avatar for fshuhe fshuhe
0
340
GCASアップデート（202508-202510）
Avatar for 高橋広和 techniczna
0
240
Okta Identity Governanceで実現する最小権限の原則
Avatar for 株式会社出前館 demaecan
0
240
DSPy入門
Avatar for TomuHirata tomehirata
6
850
251029 JAWS-UG AI/ML 退屈なことはQDevにやらせよう
Avatar for Kenshiro Ota otakensh
0
120
[re:Inent2025事前勉強会(有志で開催)] re:Inventで見つけた人生をちょっと変えるコツ
Avatar for sh_fk2 sh_fk2
1
1.2k

Featured

See All Featured
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
80
6k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
5
710
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
253
22k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
132
19k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.6k
Gamification - CAS2011
Avatar for David Bonilla davidbonilla
81
5.5k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
272
21k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
73
11k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
231
22k
Side Projects
Avatar for Sacha Greif sachag
455
43k

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/