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

WCJKT2019 - Audit Performance Workshop

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
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
49

Other Decks in Technology

See All in Technology
plamo-3-translateの開発
Avatar for Preferred Networks pfn
PRO
0
280
SmartHR Engineering Team Deck
Avatar for SmartHR Recruit smarthr
0
190
20260608_Codexの可能性_ノンプログラマー向け_大城追記
Avatar for NobuakiOshiro doradora09
PRO
0
760
AI時代の強いチームの作り方
Avatar for yuukiyo yuukiyo
24
15k
NetBoxを利用した作業効率化の試み_NetDevNight4
Avatar for Takumi Nohara tnoha
0
470
【５分でわかる】セーフィー エンジニア向け会社紹介
Avatar for Safie safie_recruit
0
53k
20260801_スクフェス大阪
Avatar for hikari kgnkhkr
1
1.2k
【CEDEC2026】専門性の高いデフォルメチームが挑んだ人材育成戦略 〜Cygames Academiaの企画から実施まで〜
Avatar for Cygames, Inc. cygames
PRO
0
450
Redmine 7.0 新機能・機能強化解説（OSC2026京都ダイジェスト版）
Avatar for MAEDA Go vividtone
1
190
モダンフロントエンド 開発研修
Avatar for Recruit recruitengineers
PRO
1
360
Retriever と Reranker、結局どうする？
Avatar for hkazuakey kazuaki
2
670
ラジオの科学
Avatar for Frieve-A frievea
0
220

Featured

See All Featured
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
63
45k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.6k
How To Speak Unicorn (iThemes Webinar)
Avatar for Michelle Schulp Hunt marktimemedia
1
520
The agentic SEO stack - context over prompts
Avatar for schlessera schlessera
0
860
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
Avatar for Aleyda Solis aleyda
2
11k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
53k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
Avatar for Dr. Kim W Petersen kimpetersen
PRO
1
790
New Earth Scene 8
Avatar for Sydney Stone popppiees
3
2.5k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
55
12k
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
6k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
10k
Lessons Learnt from Crawling 1000+ Websites
Avatar for Charles Meaden charlesmeaden
PRO
1
1.5k

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/