Improving App
Web Application
Performance
About
- Manager Web Technology
- I am enthusiastic about Web Standards, JavaScript, Performance & Scalability
- Author
Me
Joseph Khan
- Why Performance matter?
- We will take up an application
- Audit & fix issues
- Hands on & learn concepts
- Improve our App's perf score
Learning
What we will be
Application Loading
Performance
Performance = Money
Why Performance
Matters
According to a Google study, it was found that sites loading within 5 seconds had 70% longer sessions, 35% lower bounce rates, and 25% higher ad viewability than sites taking nearly four times longer at 19 seconds.
How do you tackle
Performance
Audit your site
Learn, Practice & Fix
Keep an eye
Continue the cycle
Demo
Time
Code
Splitting
Tree
Shaking
Development
Production
Render
Blocking
- CSS
- JS
- Fonts
<link rel="preload" as="style" href="styles.css" />
<link rel="prefetch" href="script.js" />
Resources
Preloading
Resources
Prefetching
Bonus
Brotli
Compression
Click on image to view article
Monitor
Performance
Server
High-Level
Thanks
