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
590
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
「”誤った使い方をすることが困難”な設計」で良いコードの基礎を固めよう / phpcon-odawara-2025
taniguhey
0
170
KawaiiLT 登壇資料　キャリアとモチベーション
hiiragi
0
130
AI時代の開発者評価について
ayumuu
0
190
Youtube Lofier - Chrome拡張開発
ninikoko
0
2.5k
個人開発の学生アプリが企業譲渡されるまで
akidon0000
0
910
複雑なフォームの jotai 設計 / Designing jotai(state) for Complex Forms #layerx_frontend
izumin5210
4
1.1k
generative-ai-use-cases(GenU)の推しポイント ～2025年4月版～
hideg
1
280
GitHub Copilot for Azureを使い倒したい
ymd65536
1
190
[NG India] Event-Based State Management with NgRx SignalStore
markostanimirovic
1
170
Optimizing JRuby 10
headius
0
430
音声プラットフォームのアーキテクチャ変遷から学ぶ、クラウドネイティブなバッチ処理 (20250422_CNDS2025_Batch_Architecture)
thousanda
0
280
note の Elasticsearch 更新系を支える技術
tchov
0
140

Featured

See All Featured
Docker and Python
trallard
44
3.3k
Building Applications with DynamoDB
mza
94
6.3k
Practical Orchestrator
shlominoach
186
11k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
The Cult of Friendly URLs
andyhume
78
6.3k
[RailsConf 2023] Rails as a piece of cake
palkan
54
5.4k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
390
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
For a Future-Friendly Web
brad_frost
176
9.7k
A Tale of Four Properties
chriscoyier
158
23k
The Pragmatic Product Professional
lauravandoore
33
6.6k
Stop Working from a Prison Cell
hatefulcrawdad
268
20k

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