Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Browser Performance 101
Search
Albert Casademont
October 31, 2014
Programming
0
140
Browser Performance 101
An introductory talk to the browser performance world for the nice people at Trovit
Albert Casademont
October 31, 2014
Tweet
Share
More Decks by Albert Casademont
See All by Albert Casademont
React PHP & Symfony @ SymfonyCat 2016
acasademont
2
920
PHP7 & Symfony 2 @ Symfony Barcelona May meetup
acasademont
2
610
PHP7 @ PHP Day Spain 2015
acasademont
5
6.3k
Doctrine in 90 minutes
acasademont
0
1.4k
SSL & Symfony
acasademont
0
360
Other Decks in Programming
See All in Programming
CSC509 Lecture 03
javiergs
PRO
0
340
その面倒な作業、「Dart」にやらせませんか? Flutter開発者のための業務効率化
yordgenome03
1
130
All About Angular's New Signal Forms
manfredsteyer
PRO
0
190
What's new in Spring Modulith?
olivergierke
1
160
実践Claude Code:20の失敗から学ぶAIペアプログラミング
takedatakashi
15
5.6k
Devvox Belgium - Agentic AI Patterns
kdubois
1
130
Leading Effective Engineering Teams in the AI Era
addyosmani
7
470
kiroとCodexで最高のSpec駆動開発を!!数時間で web3ネイティブなミニゲームを作ってみたよ!
mashharuki
0
690
TFLintカスタムプラグインで始める Terraformコード品質管理
bells17
2
210
Writing Better Go: Lessons from 10 Code Reviews
konradreiche
0
1.4k
詳しくない分野でのVibe Codingで困ったことと学び/vibe-coding-in-unfamiliar-area
shibayu36
3
5.1k
あなたとKaigi on Rails / Kaigi on Rails + You
shimoju
0
170
Featured
See All Featured
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
61k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
10
870
Java REST API Framework Comparison - PWX 2021
mraible
34
8.9k
The World Runs on Bad Software
bkeepers
PRO
72
11k
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.2k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Facilitating Awesome Meetings
lara
56
6.6k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
54k
Writing Fast Ruby
sferik
629
62k
Transcript
Browser Perf 101
About Albert Casademont ulabox.com @acasademont (no me busquéis en Linkedin)
why perf matters?
speed = money
None
but i'm a developer!
DevOps
source: wikipedia.org
None
3-way TCP handshake source: http://www.admin-magazine.com
TCP Flow control source: High Performace Networking (I. Grigorik)
Performance check-list low latency is king! keep-alive initcwnd >= 10
disable slow start after idle tcp fast open (kernel >= 3.6)
None
critical rendering path
critical rendering path source: http://http://www.sitepoint.com
critical rendering path source: http://http://www.sitepoint.com
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
None
https = http + tls
TLS Handshake source: https://devcentral.f5.com/articles/ssl-profiles-part-1
None
SPDY HTTP 2.0
GoogleBot HTTPS
None
http vs NICE https
Resources
Resources http://www.webpagetest.org https://blog.cloudflare.com https://igvita.com https://insouciant.org https://imperialviolet.org https://ssllabs.com/ssltest
gràcies ;)