5 måter å forbedre nettstedets hastighet ved hjelp av HTTP / 2
Annonse
HyperText Transfer Protocol versjon 2, eller HTTP / 2, er den nyeste standarden for HTTP. Oppdateringene til protokollen vil forbedre hastigheten, effektiviteten og sikkerheten til nettrafikk. Overgangen er imidlertid ikke automatisk.
Denne artikkelen tar sikte på å gi deg litt innsikt i hva HTTP / 2 betyr for deg, og hvordan du konfigurerer nettstedet eller serveren din til å dra nytte av de nye funksjonene.
Hva HTTP / 2 betyr for deg
For vanlige brukere vil endringene fra HTTP / 1.1 til HTTP / 2 være ganske usynlige.
Alle nettlesere krever et gyldig TLS-sertifikat (Transport Layer Security) for å tjene nettsteder over HTTP / 2. Så utover raskere lasting av sider, vil det også være en økning i nettstedets sikkerhet.
For webdesignere og eiere kan HTTP / 2 forbedre nettstedets lastehastighet på alle enheter.
Hver moderne nettleser støtter allerede den nye protokollstandarden (selv om disse mobilnettleserne ikke støtter HTTP / 2). I tilfeller der nettleseren eller serveren ikke støtter HTTP / 2, vil imidlertid HTTP / 1.1-standarden bli brukt automatisk.
Hvordan vil HTTP / 2 påvirke nettsteddesign?
Endringene introdusert i HTTP / 2 vil påvirke hvordan vi optimaliserer nettsteder og servere for effektivitet og hastighet.
Nye funksjoner introdusert i HTTP / 2 vil tillate oss å se bort fra mange av HTTP / 1s løsninger og optimaliseringsteknikker. Dette inkluderer ikke lenger å linke inn skripter til HTML eller å kombinere filer for å redusere serverforespørsler. Domenesharding er heller ikke lenger nyttig.
I noen tilfeller vil disse løsningene til og med påvirke sidehastigheten negativt hvis det serveres HTTP / 2.
De fleste internetttrafikk er mobilbasert, så vurder mobilhastigheter og hold mediefilene små og optimaliserte for disse enhetene. Du bør også fortsette å minifisere JavaScript (JS), HTML og CSS.
Hvis du ikke er sikker på hvorfor du skal minifisere filene dine, vil en god start være artikkelen vår om hvordan og hvorfor minivere JavaScript. JavaScript-kompressorer: Hvordan og hvorfor du skal redusere JS-JavaScript-kompressorer: Hvordan og hvorfor du skal redusere JS-minifiseringen av JavaScript er en måte å øke hastighetene på nettstedets svar, og heldigvis for deg, er det en enkel prosess. I dag skal jeg vise deg alt du trenger å vite. Les mer
HTTP-konsepter du burde vite
I tilfelle du ikke er kjent med begrepene som er referert til i denne artikkelen, her er en rask introduksjon
Inlining Script er å legge JavaScript direkte til et HTML-dokument med koden. I HTML / 1.1 blir dette kvitt små JavaScript-filer og vil redusere serverforespørsler og laste inn skript raskere.
Å redusere antall filer er ikke lenger like viktig for sidehastigheten i HTTP / 2 takket være Multiplexing, Stream Prioritering og Server Push .
Multiplexing er en ny funksjon i HTML / 2 som gir mulighet for flere datastrømmer over en enkelt TCP-forbindelse (Transmission Control Protocol).
Datastrømmer er et HTML / 2-begrep som brukes for toveis datastrømmer. Vi kan prioritere hver strøm takket være deres unike identifikator, som vil hjelpe oss med å optimalisere datautlevering.
Stream prioritering er en annen ny funksjon i HTML / 2. Dette gir oss muligheten til å fortelle en server å tildele ressurser og båndbredde til prioriterte datastrømmer . Dermed sikrer du optimal levering av høyt prioritert innhold til kunder.
Domenesharding er handlingen for å dele nettstedsressurser over flere nettsteder eller domener for å omgå den samtidig nedlastningsbegrensningen i HTML / 1.1.
I HTML / 2 vil Multiplexing og Server Push gjøre nedlastinger samtidig raskere og mer effektivt enn Domain Sharding . Faktisk er det foreløpig ingen støtte for å bruke disse funksjonene på tvers av flere domener.
Server Push vil tillate en server å sende flere svar for en enkelt klientforespørsel. Kort fortalt kan serveren gjøre antakelser om hvilke filer en nettleser trenger å laste inn en side, uten at nettleseren spesifikt ber om det.
Vi vil nå fokusere på noen av endringene som eiere av nettstedet bør gjøre for å optimalisere nettsteder for HTTP / 2. For en dypere innsikt i disse konseptene, kan du lese vår forrige artikkel: "Hva er HTTP / 2 og hvordan påvirker det internettets fremtid? Hva er HTTP / 2, og hvordan påvirker det internettets fremtid? Hva er HTTP / 2, og hvordan påvirker det internettets fremtid? Internett er satt til å bli mer effektivt takket være ankomsten av HTTP / 2. Men hva er det, og hvordan forbedres det på HTTP? Les mer ".
5 Endringer på nettstedet å gjøre for HTTP / 2-optimalisering
De viktigste endringene du bør være klar over som eieren av nettstedet, er relatert til hvordan du takler ressursene på nettstedet. Spesielt når det gjelder hvordan nettstedets server vil snakke med en nettleser, og hvordan filene blir levert.
Nedenfor er de vanligste endringene du bør se på for å optimalisere nettstedet ditt for HTTP / 2.
1. Ikke kombiner CSS eller JavaScript
Du bør ikke lenger slå sammen eller kombinere nettstedsressursene. I HTTP / 1.1 vil dette redusere antall HTTP-forespørsler, og filer som må lastes ned for å vise nettstedet ditt.
Hver HTTP-forespørsel vil legge til latenstid, så ved å laste ned en enkelt fil er det mer effektivt enn å laste ned flere filer. Færre filer hjelper deg også med å komme deg rundt grensen for samtidige nedlastinger i HTTP / 1.1.
Siden HTTP / 2 gir mulighet for flere nedlastinger uten flere serverforespørsler, er antall filer mindre viktig når du optimaliserer for hastighet. Kombinert med hurtigbufring er spesifikke filer bedre i HTTP / 2.
Med mer spesifikke filer kan du faktisk betjene det meste av nettstedet ditt fra CDN (Content Delivery Network) og brukerens nettleserbuffer. Det betyr også at nettleseren ikke trenger å laste ned og analysere en eneste stor fil fra serveren din når du lager mindre justeringer til nettstedet ditt.
2. Ikke inline skript i HTML
Å legge inn CSS- og JS-filer i HTML-dokumentet vil forbedre sidehastighetshastigheten din i HTTP / 1.1. Som med å kombinere filer, vil det redusere filnumre og serverforespørsler.
Å omfatte skript i HTML når du bruker HTTP / 2 vil redusere sidehastighetsoptimaliseringen fra hurtigbufring, ved å fjerne nettleserens mulighet til å cache eiendeler individuelt.
Det vil også bryte enhver forbedring fra Stream Prioritering, siden alt innebygd skript og innhold vil ha samme prioritetsnivå som HTML-innholdet ditt.
I stedet for å samle inn eiendeler for å redusere HTTP-forespørsler, kan du dra nytte av multipleksing og server push. Dette vil tillate nettlesere å laste ned flere ressurser med færre forespørsler, og forbedre lastens hastighet.
Kort sagt, hold ressursene dine separate og små når det er mulig.
3. Slutt å bruke CSS Image Sprites
Image Sprites er bilder som består av mange mindre bilder (som bildet over). CSS spesifiserer deretter hvilke deler av bildet som skal vises.
Som med de fleste løsninger for HTTP / 1.1, bruker vi bildesprites delvis for å redusere serverforespørsler. I HTTP / 2 kan du trygt bruke separate bilder uten å påvirke sidens lastehastighet.
Mindre filer vil lastes ned raskere og mer effektivt takket være multiplexing og server push.
4. Ikke bruk domeneskjerming
Domenesharding brukes til å omgå de begrensningene for samtidig nedlasting i HTTP / 1. Denne begrensningen er vanligvis mellom fire og åtte per domene og settes av nettlesere delvis for å redusere DDOS-angrep.
Beskyttelse av nettstedet ditt på tvers av fire domener, for eksempel, kan teoretisk tjene ressurser i en fjerdedel av tiden i HTTP / 1.1.
Domenesharding er ikke lenger nødvendig takket være HTTP / 2s multipleksing.
Merk at nettlesere ikke kan dra fordel av multiplexing og parallelle nedlastinger på tvers av flere domener i HTTP / 2. Sharding vil også bryte HTTP / 2s strømprioritering, og ytterligere redusere fordelene ved å bruke HTTP / 2.
5. Dra fordel av Server Push
Den viktigste forbedringen av HTTP / 2 er muligens server push.
Når du ber om å se en side i HTTP / 1.1, sender serveren HTML-dokumentet først. Nettleseren din vil deretter begynne å analysere dette og be om CSS-, JS- og mediefiler hver for seg.
I HTTP / 2 gjør server push mulig for en server å skyve nødvendige ressurser til en nettleser uten en egen forespørsel om dem. Dette inkluderer CSS- og JavaScript-filer, så vel som media, og vil redusere HTTP-forespørsler og øke hastigheten på innlasting av sider.
Smashing Magazine har en flott omfattende guide om HTTP / 2s server push med innsikt i hvordan det fungerer og hvordan du aktiverer det.
Slik konfigurerer du serveren din for HTTP / 2
De fleste serverimplementeringer støtter allerede HTTP / 2. Imidlertid, hvis du bruker en delt vert, må du ta kontakt med serveradministratoren din om de har aktivert HTTP / 2. Hvis du er nysgjerrig, har GitHub en liste over serverimplementeringer som støtter HTTP / 2.
Nginx-servere har egen støtte for HTTP / 2, mens du kanskje må konfigurere Apache-servere for å aktivere HTTP / 2-støtte.
Hvis nettstedet ditt er HTTPS aktivert, (et HTTP / 2-krav), kan du sjekke om nettstedet ditt er levert med HTTP / 2 på http2.pro. Når det er sagt, hvis du bruker Cloudflare som ditt CDN, blir innholdet fra serverne deres servert via HTTP / 2 uten at du trenger å gjøre noen endringer.
WordPress-spesifikke verter vil noen ganger begrense konfigurasjonsendringene du kan gjøre, spesielt i deres lavere lagertjenester. Når det er sagt, anbefaler vi Bluehost for WordPress-nettstedene dine. Bluehost tilbyr gratis SSL og CDN, og vil tjene nettstedene dine via HTTP / 2.
HTTP / 2 er bare det første trinnet
HTTP / 2 er en enorm forbedring av den forrige standarden, og du bør nå ha litt innsikt i fordelene du kan få ved å implementere den.
Aktiverte nettsteder vil lastes raskere og være sikrere, noe som også vil øke søkerangeringene dine. HTTP / 3 er allerede på vei, og å konfigurere nettstedet ditt for HTTP / 2 vil gjøre det eventuelle hoppet ditt til HTTP / 3 mye jevnere.
Utover å sette opp nettstedet ditt for HTTP / 2, bør du også vurdere å vurdere disse måtene for å få nettstedet ditt til å laste raskere 7 måter å gjøre nettstedet ditt eller bloggbelastning raskere for besøkende 7 måter å gjøre nettstedet ditt eller bloggbelastningen raskere for besøkende. Her er noen topp tips for å få fart på nettstedet ditt og sørge for at de besøkende holder seg rundt. Les mer .
Utforsk mer om: HTTP / 2, Webutvikling.
