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
52

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
エラーとアクセシビリティ
Avatar for Tajima Sachiko schktjm
0
170
実践アプリケーション設計 ①データモデルとドメインモデル
Avatar for Recruit recruitengineers
PRO
5
1.4k
【 LLMエンジニアがヒューマノイド開発に挑んでみた 】 - 第104回 Machine Learning 15minutes! Hybrid
Avatar for soneo1127 soneo1127
0
240
ヘブンバーンズレッドにおける、世界観を活かしたミニゲーム企画の作り方
Avatar for gree_tech gree_tech
PRO
0
420
MCPで変わる Amebaデザインシステム「Spindle」の開発
Avatar for Ameba Spindle spindle
PRO
2
1.9k
kubellが考える戦略と実行を繋ぐ活用ファーストのデータ分析基盤
Avatar for kubell kubell_hr
0
120
おやつは300円まで！の最適化を模索してみた
Avatar for PERSOL CAREER Dev | techtekt techtekt
PRO
0
250
「魔法少女まどか☆マギカ Magia Exedra」のグローバル展開を支える、開発チームと翻訳チームの「意識しない協創」を実現するローカライズシステム
Avatar for gree_tech gree_tech
PRO
0
430
AWSで推進するデータマネジメント
Avatar for かわなご kawanago
0
780
退屈なことはDevinにやらせよう〜〜Devin APIを使ったVisual Regression Testの自動追加〜
Avatar for ryo kawamataryo
4
1.1k
コスト削減の基本の「キ」～ コスト消費3大リソースへの対策 ～
Avatar for Makky12 smt7174
2
320
TypeScript入門
Avatar for Recruit recruitengineers
PRO
35
11k

Featured

See All Featured
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
36
2.5k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
32
1.1k
Designing for Performance
Avatar for Lara Hogan lara
610
69k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
53
8.9k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
512
110k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
229
22k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
53
7.8k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
29
5.5k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
7
830
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
507
140k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
PRO
23
1.4k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
48
50k

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/