Come possiamo rendere la user interaction delle nostre web application ottimale? Perfezionando tutto quello che riguarda l'interazione che il client ha con le risorse disponibili in remoto. Vedremo quali sono i principali aspetti da prendere in considerazione, le ottimizzazioni attuabili e come queste possono essere messe in atto sfruttando ciò che i principali cloud providers ci mettono a disposizione, ma sopratutto i principali limiti di queste soluzioni ed i workaround che possiamo mettere in atto per ovviarvi.
6. WHAT USERS THINK?
t < 0.1s
Instant
0.1s < t < 0.3s
Small perceptible delay
0.3s < t < 1s
Machine is working
1s < t < 10s
Linkely mental context switch
t > 10s
Task is abbandoned
7. WHAT I NEED TO WORK ON PERFORMANCE?
% conversions for every second reduced in specified range:
from 15 seconds to 7 seconds
from seconds 7 to 5
from seconds 4 to 2
Reduce from 10s to 3s increase
conversion rate.
23. TIPS & TRICKS
Set expire heades
Compress data BEFORE upload on cloud storage
Lazy loading images
You need to pay per request, bandwidth consumption and storage.
35. REFERENCES
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
CSS and the Critical Path
What’s with putting the CSS in the head?
Performance Timing Information: Part 1 – Navigation Timing
High-Performance Browser Networking - Ilya Grigorik
Web page trends
Page growing trends
How To Deliver Fast, Engaging Responsive Web Design Sites
How to Improve Your Conversion Rates with a Faster Website
How to Performance improvement case study
Google Speed Rules
CORS in AWS S3