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

Browser Performance 101

Albert Casademont
October 31, 2014
Programming
0
130

Browser Performance 101

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

Albert Casademont

October 31, 2014
Tweet

More Decks by Albert Casademont

See All by Albert Casademont
React PHP & Symfony @ SymfonyCat 2016
acasademont
2
910
PHP7 & Symfony 2 @ Symfony Barcelona May meetup
acasademont
2
580
PHP7 @ PHP Day Spain 2015
acasademont
5
6.2k
Doctrine in 90 minutes
acasademont
0
1.4k
SSL & Symfony
acasademont
0
350

Other Decks in Programming

See All in Programming
Deoptimization: How YJIT Speeds Up Ruby by Slowing Down / RubyKaigi 2025
k0kubun
0
500
リアルタイムレイトレーシング + ニューラルレンダリング簡単紹介 / Real-Time Ray Tracing & Neural Rendering: A Quick Introduction (2025)
shocker_0x15
1
290
Kamal 2 – Get Out of the Cloud
aleksandrov
1
180
いまさら聞けない生成AI入門: 「生成AIを高速キャッチアップ」
soh9834
15
4.5k
AI Agents with JavaScript
slobodan
0
220
リアクティブシステムの変遷から理解するalien-signals / Learning alien-signals from the evolution of reactive systems
yamanoku
3
1.2k
パスキーのすべて / 20250324 iddance Lesson.5
kuralab
0
150
MCP調べてみました！ / Exploring MCP
uhzz
2
2.2k
地域ITコミュニティの活性化とAWSに移行してみた話
yuukis
0
230
スモールスタートで始めるためのLambda×モノリス
akihisaikeda
2
180
S3静的ホスティング+Next.js静的エクスポート で格安webアプリ構築
iharuoru
0
220
gen_statem - OTP's Unsung Hero
whatyouhide
1
190

Featured

See All Featured
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
Building Adaptive Systems
keathley
41
2.5k
Code Reviewing Like a Champion
maltzj
522
39k
YesSQL, Process and Tooling at Scale
rocio
172
14k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
BBQ
matthewcrist
88
9.6k
Being A Developer After 40
akosma
91
590k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
47
2.5k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
Testing 201, or: Great Expectations
jmmastey
42
7.4k

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 ;)