3. Albert Bellonch
CTO
@abellonch
/albertbellonch
albert@itnig.net
3
4. What’s WPO?
Web performance optimization is the process by which
individual aspects of web pages are optimized,
in order to achieve greater overall performance
4
5. What’s WPO?
Web performance optimization is the process by which
individual aspects of web pages are optimized,
in order to achieve greater overall performance
“Make it faster”
4
46. Typical scenario A wine store, again
Picture of 1787’ Chateau d’Yquern
Browser Server
29
47. Typical scenario A wine store, again
Picture of 1787’ Chateau d’Yquern
Picture of 1787’ Chateau d’Yquern
Browser Server
29
48. Typical scenario A wine store, again
Picture of 1787’ Chateau d’Yquern
Picture of 1787’ Chateau d’Yquern
Browser Server
Picture of 1787’ Chateau d’Yquern
29
49. Typical scenario A wine store, again
Picture of 1787’ Chateau d’Yquern
Picture of 1787’ Chateau d’Yquern
Browser Server
Picture of 1787’ Chateau d’Yquern
Picture of 1787’ Chateau d’Yquern
29
50. Ask only missing stuff!
If you know something won’t change for some time,
don’t ask for it until it does.
30
53. Improved scenario A wine store, again
Picture of 1787’ Chateau d’Yquern
Browser Server
32
54. Improved scenario A wine store, again
Picture of 1787’ Chateau d’Yquern
OK, I have the picture of 1787’ Chateau Server
Browser
d’Yquern, so I’ll show it directly.
32
58. Use GET in Ajax requests Expiration headers
Use JSON in AJAX requests Reduce use of CNAME
Reduce DOM elements JPEG and PNG codification
Reduce iframes Lazy load for images
Prefer CSS over JS Content Delivery Networks
Activate deflate Avoid Flash files
Font optimizing Eager loading
Cache Control headers Mobile-specific optimisations
35
60. Be careful!
•There’s a lot of things to do
•Pick your critical weaknesses, and solve them first
•Go step by step
•Have your timing and resources into account
37