Making Connections:

TCP, HTTP/2 And You

Why should you care?

If you browse the web
If you're a developer:
- On the cutting edge
- Middle of the pack
- Late adopters

Overview

Latency vs. Bandwidth
Basics of a request
TCP
SSL/TLS
HTTP
- .9, 1.0, 1.1
- 2.0

Latency vs. Bandwidth

Speed of Light = c

c = 299,792,458 meters per second

99.7%

125 milliseconds

Anatomy of a Request

Round Trip Counter: 0

DNS

Round Trip Counter: 1

TCP

Round Trip Counter: 2

TCP

TCP TLS

TLS

Round Trip Counter: 4

HTTP

TCP TLS HTTP Data You Wanted

Round Trip Counter: 5

TCP

SYN

TCP

SYN

ACK

TCP

Congestion

TCP

Congestion

10x

TCP

Congestion

10x

TCP

Congestion

10x

TCP

Congestion Flow

~~10x~~ 4x

TCP

Window Scaling

20 at a time

TLS

Encryption
Authentication
Integrity

HTTP

1.0

HTTP

1.0

Content-Type

ASCII

你好

HTTP

1.0

HTTP

1.0

HTTP

1.1

Optimizations

SPDY

HTTP/2

February 2015

Make It Faster

If Using HTTP 2
- Don’t concat JS/CSS
- Don’t sprite images
- Don’t split hosts

If Using HTTP 1.1
- Concat JS/CSS
- Minify JS and CSS
- gzip JS and CSS
- Sprite images
- Split Your Hosts
- Ensure Keep-Alive is enabled (default for 1.1, but good to be sure)
- Keep Headers to a minimum - transmitted always

Always

Transfer Less Data
Use up-to-date kernels to ensure best TCP performance
Make sure your TCP and SSL is properly configured
Properly set up caching of assets

HTTP/2

https://http2rulez.com

People think computers will keep them from making mistakes. They're wrong. With computers you make mistakes faster.
~Adam Osborne

Thanks!

The Noun Project

Annette Vee - Talk Name Generator