Browser Performance 101

Transcript

1. 1.

   Browser Perf 101

2. 2.

   About Albert Casademont ulabox.com @acasademont (no me busquéis en Linkedin)

3. 3.

   why perf matters?

4. 4.

   speed = money

5. 5.

   None
6. 6.

   but i'm a developer!

7. 7.

   DevOps

8. 8.

   source: wikipedia.org

9. 9.

   None
10. 10.

    3-way TCP handshake source: http://www.admin-magazine.com

11. 11.

    TCP Flow control source: High Performace Networking (I. Grigorik)

12. 12.

    Performance check-list low latency is king! keep-alive initcwnd >= 10

    disable slow start after idle tcp fast open (kernel >= 3.6)
13. 13.

    None
14. 14.

    critical rendering path

15. 15.

    critical rendering path source: http://http://www.sitepoint.com

16. 16.

    critical rendering path source: http://http://www.sitepoint.com

17. 17.

    Performance check-list cache! keep bytes low (minimize, gzip) inline above

    the fold css make async js when possible lazy-load below the fold images
18. 18.

    None
19. 19.

    https = http + tls

20. 20.

    TLS Handshake source: https://devcentral.f5.com/articles/ssl-profiles-part-1

21. 21.

    None
22. 22.

    SPDY HTTP 2.0

23. 23.

    GoogleBot HTTPS

24. 24.

    None
25. 25.

    http vs NICE https

26. 26.

    Resources

27. 27.

    Resources http://www.webpagetest.org https://blog.cloudflare.com https://igvita.com https://insouciant.org https://imperialviolet.org https://ssllabs.com/ssltest

28. 28.

    gràcies ;)