HTTP/2 LAB

This page is meant to help people explore how HTTP/2 behaves in different scenarios.

See this great post for tips on simulating different client-side network conditions, which will allow you to see how HTTP/2 behaves with different latency and packet loss settings (I specially like Apple's Nework Link Conditioner because of all the different settings you can configure).

Single domain with many small objects

Spinning Globe demo
Compare HTTP1 (HTTP) vs HTTP2 (HTTPS)
Compare base page on H1 and assets on H2 vs all in H2
Compare HTTP1 (HTTPS) vs HTTP2 (HTTPS) Compare base page on H1 and assets on H2 vs all in H2
Spinning Globe demo with some tiles pushed
Origin latency (coming soon)
Compare HTTP2 vs HTTP2 server-push (1 object pushed)
1 second delay
Compare HTTP2 vs HTTP2 server-push (2 objects pushed) 2 second delay
Compare HTTP2 vs HTTP2 server-push (3 objects pushed) 3 second delay
Compare HTTP2 vs HTTP2 server-push (4 objects pushed) 4 second delay
Compare HTTP2 vs HTTP2 server-push (5 objects pushed) 5 second delay
Compare HTTP2 vs HTTP2 server-push (6 objects pushed) 6 second delay
Compare HTTP2 vs HTTP2 server-push (7 objects pushed)
Compare HTTP2 vs HTTP2 server-push (8 objects pushed)
Compare HTTP2 vs HTTP2 server-push (9 objects pushed)
Compare HTTP2 vs HTTP2 server-push (10 objects pushed)
Compare HTTP2 vs HTTP2 server-push (11 objects pushed)
Compare HTTP2 vs HTTP2 server-push (12 objects pushed)
Compare HTTP2 vs HTTP2 server-push (13 objects pushed)
Compare HTTP2 vs HTTP2 server-push (14 objects pushed)
Compare HTTP2 vs HTTP2 server-push (15 objects pushed)
Compare HTTP2 vs HTTP2 server-push (16 objects pushed)
Compare HTTP2 vs HTTP2 server-push (17 objects pushed)
Compare HTTP2 vs HTTP2 server-push (18 objects pushed)
Compare HTTP2 vs HTTP2 server-push (19 objects pushed)
Compare HTTP2 vs HTTP2 server-push (20 objects pushed)
Compare HTTP2 vs HTTP2 server-push (21 objects pushed)
Compare HTTP2 vs HTTP2 server-push (22 objects pushed)
Compare HTTP2 vs HTTP2 server-push (23 objects pushed)
Compare HTTP2 vs HTTP2 server-push (24 objects pushed)
Compare HTTP2 vs HTTP2 server-push (25 objects pushed)
Compare HTTP2 vs HTTP2 server-push (26 objects pushed)
Compare HTTP2 vs HTTP2 server-push (27 objects pushed)
Compare HTTP2 vs HTTP2 server-push (28 objects pushed)
Compare HTTP2 vs HTTP2 server-push (29 objects pushed)
Compare HTTP2 vs HTTP2 server-push (30 objects pushed)