Hvordan gjøre færre HTTP-forespørsler på WordPress-nettstedet

Hastighet er den kritiske faktoren som avgjør rangeringen av nettsteder på søkemotorer. Både søkemotorer og brukere elsker nettsteder som lastes inn raskt, og det er fordi et raskt nettsted gir en eksepsjonell brukeropplevelse. Dermed er det en betydelig rangeringsfaktor. Hvis lastehastigheten på nettstedet ditt er relativt treg og nettstedet ikke fungerer som forventet, kan en mulig årsak være høyere HTTP-forespørsler.

Hvis du er ganske ny i nettstedsuniverset eller trenger å lære mer om hvordan nettsteder fungerer, bør du være klar over at flere HTTP-forespørsler gjør nettsteder tregere. Ved å redusere antallet HTTP-forespørsler kan du forbedre lastetiden for nettsteder. Tenker du på hvordan? Vi har fått deg dekket.

Vi skal snakke om flere beviste måter som vil bidra til å redusere HTTP-forespørsler og øke ytelsen og hastigheten på nettstedet ditt.

Hva er en HTTP-forespørsel?

HTTP er en kommunikasjonsprotokoll som følges når en bruker ber om informasjon på nettet. Serveren leverer data og innhold som CSS, HTML-filer, bilder, videoer osv. til brukeren over Internett.

Internett er et stort område med mye innhold eller informasjon som ligger på serverne. Når en bruker prøver å få tilgang til informasjonen som er tilgjengelig på Internett, sender nettleseren forespørsler, og deretter mottar de svar.

Uten en forespørsel kan det ikke opprettes effektiv kommunikasjon mellom brukeren og serveren. En HTTP-forespørsel er derfor et kommunikasjonslag mellom serveren og brukeren. Klientserveren sender en melding som kalles HTTP (hypertext transfer protocol), og den strukturerer forespørselsmeldingen i tre ulike deler: overskriften, forespørselslinjen og brødteksten.

Når det gjelder hastigheten og ytelsen til WordPress-nettstedet ditt, basert på HTTP-forespørsler, bør du kjenne til følgende tall.

• Et nettsted er sunt og yter tilstrekkelig når HTTP-forespørsler holdes under 50 for hver side.

• Et nettsted leverer enestående ytelse når antall forespørsler er mindre enn 25 per side.

• Det gjennomsnittlige antallet aksepterte HTTP-forespørsler er 70, og nettstedet vil ha en anstendig ytelse.

Det anbefales å holde nettstedet sunt, ettersom for mange HTTP-forespørsler bremser det ned. La oss se nærmere på hvorfor det er viktig å opprettholde en sunn ytelse for nettstedet ditt.

Hvorfor trenger du å redusere HTTP-forespørsler?

En av de viktigste grunnene til å redusere HTTP-forespørsler fra nettstedet er å opprettholde ytelsen og hastigheten. Men hvis du graver dypt inn i detaljene, vil du vite at 80% av responstiden til et nettsted vanligvis blir brukt på selve frontenden. Men noen av de viktigste aspektene som påvirker lastetiden til et nettsted er stilark, skript, bilder osv.

Disse komponentene er essensielle når det gjelder å vise innhold, og det som tar tid, er etableringen av kommunikasjon mellom brukeren og serveren. En annen viktig grunn til å redusere antall HTTP-forespørsler er derfor å holde nettstedets kjernekomponenter friske.

Hvis vi oppsummerer de viktigste årsakene bak å redusere HTTP-forespørsler, er følgende resultatet.

• Flere filer på WordPress nettsteder resulterer i mange HTTP-forespørsler.

• Lengre HTTP-forespørsler øker nettstedets faktiske lastetid.

• Større og tyngre filer på nettstedet gjør lengre HTTP-forespørsler.

• Å redusere HTTP-forespørslene har en positiv innvirkning på LCP.

Nå som vi vet om det viktigste for å redusere antall HTTP-forespørsler, må du også forstå at nettleseren gjør det mulig å hente informasjon fra nettstedet ditt.

La oss gå gjennom noen måter å redusere dem på.

Måter å gjøre færre HTTP-forespørsler til nettstedet ditt

Vær oppmerksom på at få HTTP-forespørsler betyr at det blir færre byte å laste ned. Oppgaven er imidlertid mer utfordrende enn den ser ut til å være. I stedet er optimaliseringen skremmende.

Vi har undersøkt noen av de beste metodene for å redusere HTTP-forespørsler som serveren må gjøre. Listen inkluderer fullstendig beviste måter å redusere HTTP-forespørsler ved hjelp av plugins og også en manuell tilnærming.

La oss komme i gang uten videre.

Bruke CSS Sprites til å kombinere bilder

Å bruke CSS-sprites er en av de beste måtene å redusere HTTP-forespørsler om bilderessurser på. Dessverre er alle CSS-filer som brukes på nettstedet ditt, blokkerende for gjengivelsen, noe som betyr at jo flere CSS-filer du legger til, jo tyngre vil det bli og gjøre nettstedet tregere.

For å unngå dette problemet bør du samle alle bildene på nettstedet ditt i én fil og optimalisere dem om nødvendig. Når du har gjort dette, kan du utnytte CSS-sprites-trikset, der du må bruke CSS for å vise bare en del av bildet der det er nødvendig. Noen få nettbaserte verktøy er tilgjengelige på internett. Ved hjelp av disse verktøyene kan du optimalisere bildene dine.

Noen av de beste eksemplene på mye brukte verktøy inkluderer CSS Sprites-verktøyet, CSS Sprite Editor og andre.

Aktiver lat lasting for bilder

Lazy loading er en funksjon som utsetter innlastingen av bilder utenfor nettleserens visningsport. Men når en bruker besøker nettstedet ditt og ikke skroller helt til bunnen, vil ikke bildene som er plassert der, lastes inn. Du kan oppnå dette ved hjelp av et lazy loading-skript. Antallet HTTP-forespørsler reduseres, ettersom bildene som er plassert over folden, lastes inn for et nettsted.

Du kan be utvikleren din om å inkludere lazy loading-skriptet på nettstedet ditt eller bruke en plugin. WP Rockets tilbyr for eksempel en funksjon for lat lasting som viser innholdet for den delen som ligger over folden når den brukes på nettstedet ditt.

I tillegg tilbyr flere andre plugins lat lasting for WordPress-nettsteder. Du kan sjekke dem ut på nettet for å se hvilken som passer best. Sjekk ut dette for å lære hvordan du kan øke hastigheten på trege nettsteder.

Bytt ut de tyngste programtilleggene med lettere

En sikker måte å redusere antall HTTP-forespørsler på er å sjekke størrelsen på plugins som er installert på nettstedet ditt. En av grunnene til at nettstedet ditt går tregere, kan være at en eller flere plugins jobber mer for nettstedet ditt og genererer flere HTTP-forespørsler.

For å identifisere en plugin som lett eller tung, må du sørge for noen få ting, som profesjonalitet og kvaliteten på koden, effektiviteten av kodeutførelse, funksjoner og filstørrelse.

Det finnes noen andre måter å merke programtillegg som bremser nettstedet ditt på. Når du har identifisert slike plugins, kan du flagge dem. Følg en 5-trinns diagnose som er nevnt nedenfor for å ta en bedre avgjørelse;

1. Bruk verktøyet Pingdom til å kjøre en ytelsestest av nettstedet ditt for å sjekke hvor mange HTTP-forespørsler det må gjøre. Skriv også ned poengsummen du får.

2. Aktiver ett plugin, A, og kjør testen på nytt. Du kan deretter skrive ned poengsummen din.

3. Deaktiver den første plugin-modulen, installer deretter en annen plugin-modul, B, og kjør den samme testen på nytt.

4. Sammenlign HTTP-forespørslene som hver plugin gjør, og se hvilken som gjør flest.

5. Hvis den ene gjør færre forespørsler enn den andre, sletter du den tunge og beholder den lettere. Du vil få mange alternativer tilgjengelig som vil gjøre den samme jobben, men som er lette alternativer.

Reduser eksterne skript på nettstedet ditt

Hver gang et tredjepartsskript lastes inn på nettstedet ditt, må det gjøres HTTP-forespørsler. Når det er sagt, hvis du reduserer antall tredjepartsskript, vil forespørslene reduseres sammen.

På den annen side vil flere HTTP-forespørsler gjøre nettstedet ditt tregere, noe som påvirker ytelsen. Derfor bør du holde oversikt over alle nettstedets integrasjoner med tredjeparter for å identifisere hvilke ressurser som bremser nettstedet.

Flere HTTP-forespørsler tvinger ressursene til å hentes fra nettverket, og du ønsker å sikre at nettstedets ytelse opprettholdes. Sjekk ut dette for å finne ut hvordan du kan redusere serverens responstid i WordPress.

De eksterne skriptene vi snakker om, kommer vanligvis fra Facebook-piksler, Analytics-koder, sosiale delingsknapper, YouTube-videoer, A/B-testingskoder og andre kilder. For å forbedre ytelsen på nettstedet ditt er det viktig å identifisere filene som øker antallet forespørsler. Du kan optimalisere tredjepartsforespørsler manuelt eller bruke en plugin for det samme.

Minimer HTML, CSS og JavaScript

Ved å multiplisere HTML-, CSS- og Javascript-koder kan du fjerne unødvendige mellomrom, kommentarer og uønskede tegn. I tillegg bidrar det til å redusere filstørrelsene og dermed gjøre dem lettere.

Teknikken kan brukes på alle tre filene; HTML, CSS og Javascript. Dette vil ikke påvirke leveransen til sluttbrukerne, ettersom det handler om å rydde opp i koden på backenden.

Du kan minifisere filene manuelt, på nettet eller ved hjelp av et verktøy eller en plugin.

• For å minifisere HTML-filer kan du åpne kodearket og fjerne alle uønskede elementer som kommentarer, linjeskift osv.

• For å minimere CSS-filer må du fjerne alle ekstra mellomrom og kommentarer. Videre må du fjerne klassen, forkorte ID-en og fjerne variabelnavn i den grad det er mulig.

• Du må fjerne ekstra mellomrom og JS-kommentarer fra kildekoden for å minifisere JS-filer. Du må også gjøre alle matriser om til objekter, lete etter svar på de grunnleggende konstantuttrykkene og optimalisere betingede setninger for å oppnå best mulig resultat.

Alternativt, når du bruker en plugin for å minifisere filene dine, må du krysse av i boksene for filene du ønsker å minifisere, og oppgaven gjøres automatisk. Hvis du bruker WP Rocket for prosessen, har de en egen seksjon for å optimalisere filer.

Kombiner CSS og Javascript

En av de enkleste metodene for å redusere HTTP-forespørsler som genereres av nettstedet ditt, er utvilsomt å kombinere CSS- og Javascript-filer. Dessverre krever WordPress-plugins og -temaer innlasting av mange JS- og CSS-stilark. Nettleseren må derfor laste inn alle ressursene for å gjengi nettsidene. Dette resulterer til slutt i en økning i antall HTTP-forespørsler.

Det finnes flere nettbaserte verktøy som gjør det enkelt å kombinere CSS- og Javascript-filer. SmartOptimizer, CSS Crush, JSCompress.com og flere er noen av de beste alternativene. Du kan laste opp WordPress-nettstedets kombinerte filer på disse nettstedene og oppleve økt hastighet på nettstedet. I tillegg reduserer det HTTP-forespørsler, og bidrar dermed til å optimalisere nettstedet ditt.

Optimaliser bildene og slett alle ikke-vigtige bilder

Selv om det ikke finnes noen slik plugin ennå som vil hjelpe deg med å kombinere bildene med CSS-sprites, men det er noen få utrolige plugins som vil bidra til å optimalisere nettstedets bilder. Selvfølgelig er bilder avgjørende for en uovertruffen brukeropplevelse, men du bør vite at hvert bilde som legges til genererer en ekstra HTTP-forespørsel. Velg derfor alle bildene dine med omhu, og inkluder bare de bildene som tilfører innholdet ditt verdi.

Alternativt kan du optimalisere alle bildene dine før du legger dem til på nettstedet ditt. Optimalisering av bildene betyr at du må redusere størrelsen på bildene og sørge for at kvaliteten ikke forringes.

Det samme gir ingen mening hvis du har uskarpe bilder på nettstedet ditt. Bildene bør være av høy kvalitet, men ikke for store, slik at innholdet og konteksten er synlig.

Slik kan du optimalisere bilder i WordPress.

Det finnes noen gode verktøy for størrelsesendring som du kan bruke for å få best mulig resultat. Noen av disse er Photoshop, Preview for Mac, GIMP og mange flere. Vær imidlertid oppmerksom på at det å redusere filstørrelsen på bilder ikke påvirker antall HTTP-forespørsler, men det bidrar til å gjøre nettstedet lettere, noe som resulterer i kortere innlastingstid.

Last inn skript bare når det er nødvendig

Dette er et annet fullgodt tiltak du kan gjøre for å minimere antall HTTP-forespørsler som nettstedet ditt må foreta. Du bør selvfølgelig sørge for at skriptene bare lastes inn når det er nødvendig, og fjerne dem fra sidene som ikke krever dem. Når det er sagt, bør du gjøre en revisjon og fjerne skript og plugins fra sider som ikke trenger å lastes inn.

Det finnes flere fantastiske plugins tilgjengelig som du kan bruke til å deaktivere skript på bestemte sider eller innlegg. Disse pluginene vil dessuten sørge for at skriptene bare lastes inn når det er nødvendig.

For eksempel vil plugin-modulen Perfmatters tillate at skript bare lastes inn på sider eller innlegg når det er nødvendig. En annen god plugin er Asset Cleanup Pro, som er mindre brukervennlig, men som gjør en god jobb.

Ofte stilte spørsmål

Nedenfor er noen ofte stilte spørsmål

Q. Hva er de viktigste faktorene som gjør et WordPress-nettsted tregere?

Det er flere faktorer som fører til at WordPress-nettstedet ditt blir tregere.

De viktigste er å vise/legge til bilder som ikke er optimalisert, ha mange skript som kjører i bakgrunnen, bruke et tregt WordPress-tema eller en eldre versjon av PHP, og mange flere.

Så sjekk for ulike faktorer for å sikre at hastigheten på nettstedet ditt er på nivå.

Q. Finnes det andre måter å redusere HTTP-forespørsler på enn å bruke plugins?

Ja, hvis du har et team av utviklere som jobber med backend på nettstedet ditt, kan du enkelt be dem om å utføre de nødvendige trinnene for å redusere HTTP-forespørsler på nettstedet ditt.

Men hvis du ikke ønsker å bruke plugins, finnes det noen utmerkede manuelle metoder som du raskt kan fikse alle aspekter som øker HTTP-forespørsler ved hjelp av.

Q. Hva skjer når serveren mottar for mange forespørsler?

For mange forespørsler fra nettleseren til serveren er usunt og påvirker ytelsen til nettstedet ditt. Mange forespørsler indikerer for eksempel brute force- eller DDoS-angrep (distributed denial of service).

I tillegg blokkerer HTTP brukerens IP-adresse for å sikre at nettstedet er godt beskyttet mot skadelig programvare. Resultatet er at brukeren ikke får tilgang til nettstedet.

Q. Hvorfor redusere HTTP-forespørsler?

En av de viktigste grunnene til å redusere HTTP-forespørsler er at nettstedet ditt gjør det for å sikre tilstrekkelig ytelse.

Jo flere HTTP-forespørsler nettstedet ditt har, desto tregere vil det lastes inn for brukerne. Når det er sagt, hvis du jobber med HTTP-forespørsler og optimaliserer forespørselsbelastningen, vil nettstedets ytelse forbedres for godt.

Oppsummering

For å opprettholde den utmerkede ytelsen til nettstedet ditt og den raske innlastingen, bør du sørge for færre HTTP-forespørsler. Hvis du holder deg innenfor 50, vil nettstedet ditt prestere som forventet. Ved hjelp av de ovennevnte pluginene kan du redusere HTTP-forespørsler og sørge for at forespørslene ikke overstiger dette antallet.

Plugins bidrar til å redusere unødvendige forespørsler, og det beste er at du ikke trenger teknisk kunnskap for det samme. Med plugins trenger du ikke å jobbe mer og likevel få de beste ytelsesresultatene. Med færre HTTP-forespørsler kan du raskt øke nettstedets rangering på SERP-ene.