A talk about TCP, UDP, IP, DNS, ISP, GET, URI, URN, URL, SSL, TLS, TTFB, HTTP/2, HTML and DOM, or, in translation, a talk about the internet, how requests travel through the network and how browsers handle the response.
This has been originally presented during BrightonSEO - Summer 2021.
2. @roxanastingu | #brightonSE
– Eric Schmidt, Some guy working at
GOOGLE
“The internet is the first
thing that humanity has
built that humanity
doesn't understand.”
4. @roxanastingu | #brightonSE
CDN TCP IP HTTP UDP URL URI DNS TLS CDN TCP IP HTTP UDP URL URI DNS TLS CDN TCP IP
HTTP UDP URL URI DNS TLS CDN TCP IP HTTP UDP URL URI DNS TLS CDN TCP IP HTTP UDP URL
URI DNS TLS CDN TCP IP HTTP UDP URL URI DNS TLS CDN TCP IP HTTP UDP URL URI DNS TLS
CDN TCP IP HTTP UDP URL URI DNS TLS CDN TCP IP HTTP UDP URL URI DNS TLS CDN TCP IP
HTTP UDP URL URI DNS TLS CDN TCP IP HTTP UDP URL URI DNS TLS CDN TCP IP HTTP UDP URL
URI DNS TLS CDN TCP IP HTTP UDP URL URI DNS TLS CDN TCP IP HTTP UDP URL URI DNS TLS
CDN TCP IP HTTP UDP URL URI DNS TLS CDN TCP IP HTTP UDP URL URI DNS TLS CDN TCP IP
HTTP UDP URL URI DNS TLS CDN TCP IP HTTP UDP URL URI DNS TLS CDN TCP IP HTTP UDP URL
URI DNS TLS CDN TCP IP HTTP UDP URL URI DNS TLS CDN TCP IP HTTP UDP URL URI DNS TLS
CDN TCP IP HTTP UDP URL URI DNS TLS CDN TCP IP HTTP UDP URL URI DNS TLS CDN TCP IP
HTTP UDP URL URI DNS TLS CDN TCP IP HTTP UDP URL URI DNS TLS CDN TCP IP HTTP UDP URL
URI DNS TLS CDN TCP IP HTTP UDP URL URI DNS TLS CDN TCP IP HTTP UDP URL URI DNS TLS
CDN TCP IP HTTP UDP URL URI DNS TLS CDN TCP IP HTTP UDP URL URI DNS TLS CDN TCP IP
HTTP UDP URL URI DNS TLS CDN TCP IP HTTP UDP URL URI DNS TLS CDN TCP IP HTTP UDP URL
URI DNS TLS CDN TCP IP HTTP UDP URL URI DNS TLS CDN TCP IP HTTP UDP URL URI DNS TLS
CDN TCP IP HTTP UDP URL URI DNS TLS CDN TCP IP HTTP UDP URL URI DNS TLS CDN TCP IP
HTTP UDP URL URI DNS TLS CDN TCP IP HTTP UDP URL URI DNS TLS CDN TCP IP HTTP UDP URL
URI DNS TLS CDN TCP IP HTTP UDP URL URI DNS TLS CDN TCP IP HTTP UDP URL URI DNS TLS
CDN TCP IP HTTP UDP URL URI DNS TLS CDN TCP IP HTTP UDP URL URI DNS TLS CDN TCP IP
HTTP UDP URL URI DNS TLS CDN TCP IP HTTP UDP URL URI DNS TLS CDN TCP IP HTTP UDP URL
URI DNS TLS CDN TCP IP HTTP UDP URL URI DNS TLS CDN TCP IP HTTP UDP URL URI DNS TLS
NETWORKING
18. @roxanastingu | #brightonSE
THE TCP/IP MODEL
HTTP, TLS, DNS
APPLICATIO
N
INTERNET
IP (v4, v6)
TCP, UDP
TRANSPOR
T
ETHERNET,
WIRELESS LAN
PHYSICAL
19. @roxanastingu | #brightonSE
GET layout.css
THE HTTP PROTOCOL
GET image.png
GET page.html
GET video.mp4
GET ads.jpg
The
Internet
webserver
Video server
Ad server
24. @roxanastingu | #brightonSE
WHAT IS A REQUEST?
browse
r
Servers
Hey there mister
WebServer, can I have
this resource, pretty
please?
Request
Line
Headers Body
40. @roxanastingu | #brightonSE
WHAT IS A BROWSER?
USER INTERFACE
BROWSER ENGINE
RENDERING ENGINE
NETWORKIN
G
JS
INTERPRETE
R
UI BACKEND
DATA
PERSISTENCE
41. @roxanastingu | #brightonSE
THE RENDERING ENGINE
browser Server
3c 68 65 61 64 3e 3c
74 69 74 6c 65 3e 50
6c 65 61 73 65 20 77
65 61 72 20 61 20 6d
61 73 6b 21 21 21 3c
2f 74 69 74 6c 65 3e
3c 2f 68 65 61 64 3e
42. @roxanastingu | #brightonSE
FROM BYTES OF HTML TO DOM
3c 68 74 6d 6c 3e 3c
62 6f 64 79 3e 3c 68
31 3e 50 6c 65 61 73
65 20 77 65 61 72 20
61 20 6d 61 73 6b 21
21 3c 2f 68 31 3e 0a
<html><body><h1>Plea
se wear a
mask!!</h1>
StartTag: html
StartTag: body
StartTag: h1
Please wear a mask!!
EndTag: h1
Bytes Characters Tokens
43. @roxanastingu | #brightonSE
THE TREE BUILDER
Nodes
DOM
html body h1 Please wear a mask!!!
html
body
Please wear a mask!!
h1
h1
57. @roxanastingu | #brightonSE
FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN
FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN
FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN
FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN
FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN
FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN
FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN
FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN
FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN
FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN
FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN
FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN
FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN
FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN
FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN
FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN
FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN
FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN
FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN
FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN
FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN
THANK YOU