HTTP/3: hvad betyder det for din webshops hastighed?

Hvad ændrer HTTP/3?

HTTP/1.1 og HTTP/2 sender data over TCP, en protokol fra 1970’erne. HTTP/3 bruger i stedet QUIC, en ny transportprotokol oven på UDP, hvor krypteringen er bygget direkte ind. Selve indholdet, altså siderne, billederne og koden, er det samme. Det, der ændrer sig, er, hvordan det kommer frem.

Den første forskel mærkes, allerede før siden begynder at komme. Med TCP og TLS skal browser og server først etablere forbindelsen og derefter krypteringen, i hver sin runde frem og tilbage. QUIC klarer begge dele i én, og ved gentagne besøg kan browseren sende sin forespørgsel med det samme. På en mobilforbindelse, hvor hver rundtur kan tage mange millisekunder, er det mærkbart.

Den anden forskel handler om tabte pakker. HTTP/2 henter mange filer over samme TCP-forbindelse, men mister én pakke, må alle filerne vente, til den er sendt igen. QUIC holder styr på hver fil for sig, så et tab kun forsinker den fil, det ramte. Og endelig kan en QUIC-forbindelse overleve, at kunden går fra wifi til mobilnet midt i et køb, hvor en TCP-forbindelse ville skulle starte forfra. Vil du have den tekniske historie fra HTTP/1.1 til i dag, så læs sådan fungerer HTTP i detaljer.

Hvornår hjælper det din webshop?

Gevinsten er størst, hvor ventetiden er længst, fx for kunder langt fra serveren. Da Google målte QUIC på Google Search, blev søgninger på desktop i gennemsnit 8,0 % hurtigere, men 16,7 % hurtigere for den langsomste ene procent¹. På en hurtig forbindelse tæt på serveren er forskellen lille.

HTTP/3 kan heller ikke redde en side, der er langsom af andre grunde. Er serveren langsom til at svare, eller skal browseren hente flere megabyte billeder og JavaScript, ligger gevinsten dér. Se vores guide til billeder, CSS og JavaScript.

Sådan tjekker du, om din side bruger HTTP/3

1. Åbn din side i Chrome eller Edge, og åbn udviklerværktøjerne (F12).
2. Gå til fanen Network, højreklik på kolonneoverskrifterne, og slå Protocol til.
3. Genindlæs siden. Står der h3, bruges HTTP/3. Står der h2, bruges HTTP/2.

Browseren bruger ofte HTTP/2 ved allerførste besøg og skifter først til HTTP/3 bagefter, når serveren har fortalt, at den kan.

Sådan slår du HTTP/3 til

HTTP/3 slås til på serveren eller CDN’et, ikke i WordPress. Bruger du et CDN, er det som regel en enkelt indstilling, og browseren taler så HTTP/3 med CDN’et, uanset hvad din egen server kan. Uden CDN afhænger det af hostingen: mange moderne platforme har det slået til som standard, og ellers er det et godt spørgsmål at stille, når du vælger hosting, der understøtter HTTP/3. Driver du selv serveren, understøtter nyere versioner af de udbredte webservere det, men UDP-port 443 skal være åben i firewallen. HTTP/3 kræver HTTPS, og browsere, der ikke kan bruge det, falder automatisk tilbage til HTTP/2.

Begrænsninger

Nogle virksomhedsnetværk blokerer UDP, og så bruges HTTP/2. HTTP/3 gør heller ikke serveren hurtigere til at generere siden. Mål derfor på rigtige brugere, fx med Core Web Vitals i Search Console, i stedet for kun at teste fra din egen forbindelse.

Ofte stillede spørgsmål

Skal jeg ændre noget i WordPress?

Nej. HTTP/3 håndteres af serveren eller CDN’et, og WordPress, temaet og plugins mærker ingen forskel.

Påvirker HTTP/3 min placering i Google?

Ikke direkte. Men gør det siden hurtigere for dine besøgende, kan det forbedre Core Web Vitals, som Google bruger som et af mange signaler.

Vil du have en hurtigere webshop?

HTTP/3 er én brik. Vi måler hele vejen fra server til browser og retter det, der faktisk gør din shop langsom. Læs om vores hastighedsoptimering af din webshop.

1. Langley m.fl., The QUIC Transport Protocol: Design and Internet-Scale Deployment (på engelsk), ACM SIGCOMM 2017, tabel 1. Ifølge artiklen vokser gevinsten med ventetiden, fordi QUIC sparer rundture i håndtrykket. ↩︎