WCJKT2019 - Audit Performance Workshop - Speaker Deck

Tweet

Tweet

Slide 1

Slide 1 text

WCJKT2019 Audit Performance R AdySurya A

Slide 2

Slide 2 text

How Browser Rendering a Website

Slide 3

Slide 3 text

Web Render FCP (First Content Paint) TTI (Time to Interactive) TTFB : Time to First Byte FP (First Paint)

Slide 4

Slide 4 text

Performance Metrics First Paint First Content Paint Time To Interactive

Slide 5

Slide 5 text

What this? Request or load resource before First Paint

Slide 6

Slide 6 text

Tools for Audit

Slide 7

Slide 7 text

Use Web.Dev

Slide 8

Slide 8 text

Performance issue report from web.dev Hint & Guide for Resolve Issues

Slide 9

Slide 9 text

Before

Slide 10

Slide 10 text

After

Slide 11

Slide 11 text

Resolve Issue Element Render blocking resources Before After

Slide 12

Slide 12 text

An Example Plugin For optimise https://github.com/wp-id/mcw-pwa

Slide 13

Slide 13 text

Tips for Optimize • Choose The Right Host • Optimize image (use webp) • Eﬃcient Content Delivery Network • Select Well-Optimized Themes Wordpress • Monitor Plugin • Optimize Home Page

Slide 14

Slide 14 text

Q&A

Slide 15

Slide 15 text

–R Adysurya A “Thank You So Much.” @ri7nz @ri7nz linkedin.com/in/r-adysurya-agus/