Aesop Front End Architecture

Why?

User Experience is Important

Single Page Application

• Components!
• UI Components are Unit Testable
• Critical Path Optimizations
• Smaller Bandwidth Footprint

Some Stats...

Load Time: First Paint

• Current Site: 1,960 ms (about 2 seconds)
• New App: 750 ms (3/4 of a second)
• 62% faster

Load Time: Loaded

• Current Site: 1,970 ms (about 2 seconds)
• New App: 1140 ms (about 1 second)
• 42% faster

Bandwidth: First Load

• Current Site: 3.4 MB
• New App: 1 MB
• 70% smaller

Bandwidth: Refresh

• Current Site: 1.3 MB
• New App: 14 KB
• 98% smaller

Demo!