This document provides an overview of HTTP/3. It begins by explaining HTTP and its evolution from HTTP/1.1 to HTTP/2. HTTP/1.1 was slow and insecure, while HTTPS added security but was slower. HTTP/2 improved performance but could still be faster. HTTP/3 merges responsibilities for traffic, security, and delivery that previously caused round trips. It introduces "armored trucks" that can travel directly without needing to build roads or tunnels first, making page loads faster. Initial tests show HTTP/3 can provide 12.5% faster load times. In summary, HTTP/3 provides a quick performance boost without requiring site changes, is secure by design, and will fall back to earlier protocols if
7. The Great HTTPS Migration
@TomAnthonySEO
Just 2 years ago*
* Corona years
8. Since then HTTP/2 has become increasingly popular…
https://www.brainlabsdigital.com/marketing-library/the-intro-guide-to-http-2-for-seos/
@TomAnthonySEO
9. HTTP/3 is on its way!
@TomAnthonySEO
Nov 2020 - Chrome & Edge
Feb 2021 - Opera
Apr 2021 - Firefox
May 2021 - Chrome for Android
Sep 2020 - Safari (optional)
11. By the end of this presentation you will…
@TomAnthonySEO
‣ Know what HTTP is
‣ Understand HTTP/2 and HTTP/3
‣ Be able to explain the benefits of each
16. Anatomy of an HTTP/1.1 response
@TomAnthonySEO
HTTP/1.1 200 OK
Content-Type: text/html
Headers
17. Anatomy of an HTTP/1.1 response
@TomAnthonySEO
HTTP/1.1 200 OK
Content-Type: text/html
<html>
<head>
<title>Ron’s Page</title>
</head>
<body>
You stay classy, San Diego!
</body>
</html>
Headers
Body
18. HTTP Trucks!
Imagine an HTTP request is a truck, sent from your
browser to a server to collect a web page.
@TomAnthonySEO
21. TCP/IP
TCP is the road; the transport layer for HTTP.
@TomAnthonySEO
22. Unlike real roads, these roads are private, and disappear!
TCP connections aren’t shared between users.
When you leave a site, they disappear.
@TomAnthonySEO
52. Then TLS is used to secure the road…
@TomAnthonySEO
53. But tunnels are complex…
TLS takes not 1 round trip…
@TomAnthonySEO
54. But tunnels are complex…
… but 2 round trips.
@TomAnthonySEO
55. So for TCP + TLS to build an HTTPS connection…
Means 3 round trips.
@TomAnthonySEO
56. So for TCP + TLS to build an HTTPS connection…
Means 3 round trips.
@TomAnthonySEO
57. 3 round trips are needed before we send an actual request.
So for TCP + TLS to build an HTTPS connection…
@TomAnthonySEO
58. Trucks and Steam Rollers have a maximum speed.
@TomAnthonySEO
The further away the server, the longer requests take.
59. A single webpage will load resources from many (sub) domains
@TomAnthonySEO
Javascript, CSS, Fonts and more will be loaded from other sites
60. Each sub-domain will need its own road(s)
@TomAnthonySEO
www.searchpilot.com
www.facebook.com
This means opening additional connections. More round trips.
74. You can change how you build to reduce round trips
Site Speed
@TomAnthonySEO
Principles That Will
Transform Your Understanding
(& the ‘secret’ fourth site speed method)
@TomAnthonySEO
90. HTTP/2 Server Push - Problem
@TomAnthonySEO
The server doesn’t know you need the font.
Maybe just loaded a page? Maybe it is cached from last week?
91. It tends to end up looking more like this…
@TomAnthonySEO
Server sends a pushed font with Page A
Page A
92. It tends to end up looking more like this…
@TomAnthonySEO
Server sends same pushed font again with Page B
Page B
93. It tends to end up looking more like this…
@TomAnthonySEO
…and page C
Page C
94. It tends to end up looking more like this…
@TomAnthonySEO
More and more font trucks…
95. It tends to end up looking more like this…
@TomAnthonySEO
More and more font trucks…
96. It tends to end up looking more like this…
@TomAnthonySEO
Typically servers ‘over push’ and send files that the browser
already had. It causes more harm than good.
🔥
🔥
🔥
🔥
🔥🔥
🔥
🔥
🔥
104. HTTP/2
@TomAnthonySEO
PROS
CONS
NOTES
• Introduces Multiplexing & Server Push
• Always encrypted (always uses a tunnel)
• Multiplexing: Fewer round trips improves speed
• Don’t need to change the website to benefit
• Can suffer from traffic jams
• Push is broken
• Still lots of round trips
124. Browser opening a web page
@TomAnthonySEO
Trucks are secure,
so cannot be spied upon.
125. Earlier… HTTP/2: Traffic Jams
@TomAnthonySEO
Trucks can get stuck in traffic jams.
If TCP traffic is delayed or lost, traffic jams slow everything.
140. HTTP/3 - Headers are basically the same as HTTP/1.1
HTTP/3 200
content-type: text/html
<html>
<head>
<title>Ron’s Page</title>
</head>
<body>
You stay classy, San Diego!
</body>
</html>
Headers
Body