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
56
1

WCJKT2019 - Audit Performance Workshop

Avatar for R AdySurya A

R AdySurya A

February 16, 2019

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
48

Other Decks in Technology

See All in Technology
幾億の壁を超えて/Beyond Countless Walls(JP)
Avatar for 小田中育生 ikuodanaka
0
110
プロンプトエンジニアリングを超えて：自由と統制のあいだでつくる Platform × Context Engineering
Avatar for yuriemori yuriemori
0
170
Autonomous Database - Dedicated 技術詳細 / adb-d_technical_detail_jp
Avatar for oracle4engineer oracle4engineer
PRO
5
13k
AIエージェントを構築して感じた、AI時代のCDKとの向き合い方
Avatar for Makky12 smt7174
1
170
OBI+APMでお手軽にアプリケーションのオブザーバビリティを手に入れよう
Avatar for Kenshi Muto kenshimuto
0
220
プロジェクトマネジメントは AIでどう変わるか？
Avatar for Moggy mkg5383
0
210
Hooks, Filters & Now Context: Why MCPs Are the “Hooks” of the AI Era
Avatar for Miriam Schwab miriamschwab
0
130
生成AI時代のエンジニア育成 変わる時代と変わらないコト
Avatar for starfish719 starfish719
0
590
Proxmox超入門
Avatar for とことんDevOps devops_vtj
0
170
TanStack Start エコシステムの現在地 / TanStack Start Ecosystem 2026
Avatar for Takahiro Ikeuchi iktakahiro
1
360
Claude Teamプランの選定と、できること/できないこと
Avatar for ふくだ（fukuda ryu） rfdnxbro
1
2k
All About Sansan – for New Global Engineers
Avatar for Sansan, Inc. sansan33
PRO
1
1.4k

Featured

See All Featured
Agile Actions for Facilitating Distributed Teams - ADO2019
Avatar for Mark Kilby mkilby
0
170
A Soul's Torment
Avatar for Nat Ma seathinner
6
2.6k
The browser strikes back
Avatar for Jono Alderson jonoalderson
0
930
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
61k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.6k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
14k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
35k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.4k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
Avatar for Aleyda Solis aleyda
1
1.2k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
8.1k

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/