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

Questions?

Improving Application Load Performance

By Joseph K

Improving Application Load Performance

How to improve your web application's load performance

  • 714