Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Browser Performance 101

8f2089782f2711659072020ad7227aff?s=47 Albert Casademont
October 31, 2014
Programming
0
95

Browser Performance 101

An introductory talk to the browser performance world for the nice people at Trovit

8f2089782f2711659072020ad7227aff?s=128

Albert Casademont

October 31, 2014
Tweet

More Decks by Albert Casademont

See All by Albert Casademont
8f2089782f2711659072020ad7227aff?s=48 acasademont
2
820
8f2089782f2711659072020ad7227aff?s=48 acasademont
2
460
8f2089782f2711659072020ad7227aff?s=48 acasademont
5
5.6k
8f2089782f2711659072020ad7227aff?s=48 acasademont
0
1.2k
8f2089782f2711659072020ad7227aff?s=48 acasademont
0
300

Other Decks in Programming

See All in Programming
285cc95c4c9fe056b03afca581533266?s=48 fkubota
1
390
8aebb410308ec2c655550798e92cd2df?s=48 ken3ypa
0
150
6378a3035de0b841dba4ab82bd7f624d?s=48 blendthink
0
390
Ca17a082a30f4cbfed1d0a6dacbe3af2?s=48 shin1x1
0
580
270b0c7883545117a9a618dc7ca7cc83?s=48 xrdnk
0
130
3f309c992e2b1a5c3c014e63810a2f68?s=48 viteinfinite
0
140
96803ea99eef888c7f6637f1d3858766?s=48 attsumi
1
350
35c158f57df6814ad809f7471f4123ed?s=48 loleg
0
190
027cabf82b6860498e5107f500bed48f?s=48 nanimonodemonai
2
1.4k
3331499a8c17bf14833f22b9173223f1?s=48 hanakla
2
3k
15bd11f2c2c5e3dd854153d03a102b0d?s=48 standfm
0
210
1787c980f779b663dcd86ffcdc120044?s=48 yshrsmz
1
450

Featured

See All Featured
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
17
630
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
229
18k
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
192
8.5k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
684
180k
E837d2996f52008ace055a08fbfff992?s=48 frogandcode
127
20k
39488f9d172ab92fd352f2cd7b73258d?s=48 mza
80
4.1k
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
88
3.3k
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
206
6.8k
C44e1f7e22c3f23cff7bc130871047ef?s=48 eileencodes
113
25k
2bb923c57a1fdc3a2eb484bb8d565fd2?s=48 ufuk
56
5.4k
24fc194843a71f10949be18d5a692682?s=48 gr2m
83
11k
F716e5f737fcfb03f2cf8d1a184f1dbe?s=48 nonsquared
81
3.3k

Transcript

  1. Browser Perf 101

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

  3. why perf matters?

  4. speed = money

  5. None

  6. but i'm a developer!

  7. DevOps

  8. source: wikipedia.org

  9. None

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

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

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

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

  14. critical rendering path

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

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

  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. None

  19. https = http + tls

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

  21. None

  22. SPDY HTTP 2.0

  23. GoogleBot HTTPS

  24. None

  25. http vs NICE https

  26. Resources

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

  28. gràcies ;)