Sådan laver du færre HTTP-anmodninger på et WordPress-site

Hastighed er den kritiske faktor, der bestemmer sidernes placering på søgemaskinerne. Både søgemaskiner og brugere elsker hjemmesider, der indlæses hurtigt, og det skyldes, at en hurtig hjemmeside giver en enestående brugeroplevelse. Derfor er det en vigtig rangeringsfaktor. Hvis indlæsningshastigheden på dit websted er relativt langsom, og webstedet ikke fungerer som forventet, kan en mulig årsag være højere HTTP-anmodninger.

Hvis du er ret ny i webstedsuniverset eller har brug for at lære mere om de små detaljer ved websteder, bør du være opmærksom på, at flere HTTP-anmodninger gør websteder langsommere. Hvis du reducerer antallet af HTTP-anmodninger, kan du forbedre indlæsningstiden for hjemmesider. Tænker du på hvordan? Vi har fået dig dækket ind.

Vi vil tale om flere fuldt beviste måder, der vil hjælpe med at reducere HTTP-anmodninger og øge dit websteds ydeevne og hastighed.

Hvad er en HTTP-anmodning?

HTTP er en kommunikationsprotokol, der følges, når en bruger beder om information online. Serveren leverer data og indhold som CSS, HTML-filer, billeder, videoer osv. til brugeren over internettet.

Nettet er et stort område med en masse indhold eller information, der ligger på serverne. Når en bruger forsøger at få adgang til de oplysninger, der er tilgængelige på internettet, sendes der anmodninger fra browseren, og derefter modtager de svar.

Uden en anmodning kan der ikke etableres en effektiv kommunikation mellem brugeren og serveren. Derfor er en HTTP-anmodning et kommunikationslag mellem serveren og brugeren. Klientserveren sender en besked, der kaldes HTTP (hypertext transfer protocol), og den strukturerer anmodningsmeddelelsen i tre forskellige dele: overskriften, anmodningslinjen og brødteksten.

Med hensyn til dit WordPress-websteds hastighed og ydeevne, baseret på HTTP-anmodninger, bør du kende følgende tal.

• Et website er sundt og yder tilstrækkeligt, når HTTP-anmodningerne holdes under 50 for hver side.

• Et website leverer fremragende performance, når antallet af anmodninger er mindre end 25 pr. side.

• Det gennemsnitlige antal accepterede HTTP-anmodninger er 70, og webstedet vil præstere anstændigt.

Det anbefales at holde dit website sundt, da for mange HTTP-anmodninger gør det langsommere. Lad os se på årsagen til at opretholde en sund performance for dit website.

Hvorfor skal du reducere HTTP-anmodninger?

En af de vigtigste grunde til at reducere HTTP-anmodninger fra hjemmesiden er at opretholde dens ydeevne og hastighed. Men hvis du graver dybt ned i detaljerne, vil du vide, at 80% af svartiden på et websted normalt bruges på selve frontend. Men nogle af de væsentlige aspekter, der påvirker indlæsningstiden for et website, er stylesheets, scripts, billeder osv.

Disse komponenter er vigtige, når det handler om at vise indhold, og det, der tager tid, er etableringen af kommunikation mellem brugeren og serveren. Så en anden primær grund til at reducere antallet af HTTP-anmodninger er at holde dit websteds kernefunktioner sunde.

Hvis vi opsummerer de væsentlige grunde til at reducere HTTP-anmodningerne, er følgende resultatet.

• Flere filer på dine WordPress-websteder resulterer i mange HTTP-anmodninger.

• Længere HTTP-anmodninger øger et websteds faktiske indlæsningstid.

• Større og tungere filer på webstedet giver længere HTTP-anmodninger.

• At reducere HTTP-anmodningerne har en positiv indvirkning på din LCP.

Nu, hvor vi ved, hvad der er vigtigt for at reducere antallet af HTTP-anmodninger, skal du også forstå, at browseren gør det muligt at hente oplysninger fra dit website.

Lad os gennemgå nogle få måder at reducere dem på.

Måder at lave færre HTTP-anmodninger til dit website på

Vær opmærksom på, at få HTTP-anmodninger betyder, at der vil være færre bytes at downloade. Men opgaven er mere udfordrende, end den ser ud til at være. I stedet er optimeringen skræmmende.

Vi har undersøgt nogle af de bedste metoder til at reducere de HTTP-anmodninger, som serveren skal foretage. Listen indeholder fuldt beviste måder at reducere HTTP-anmodninger ved hjælp af plugins og også en manuel tilgang.

Lad os bare komme i gang.

Brug af CSS-sprites til at kombinere billeder

Brug af CSS-sprites er en af de bedste måder at reducere HTTP-anmodninger om billedressourcer på. Desværre er alle CSS-filer, der bruges på dit website, render-blokerende, hvilket betyder, at jo flere CSS-filer du tilføjer, jo tungere bliver de og gør websitet langsommere.

For at undgå dette problem skal du kombinere alle dit websites billeder i én fil og optimere dem, hvis det er nødvendigt. Når du har gjort det, kan du nu udnytte CSS-sprites-tricket, hvor du skal bruge CSS til kun at vise en del af billedet, hvor det er nødvendigt. Der findes et par webbaserede værktøjer på internettet. Ved hjælp af disse potente værktøjer kan du optimere dine billeder.

Nogle af de bedste eksempler på udbredte værktøjer er CSS Sprites-værktøjet, CSS Sprite Editor og andre.

Aktivér Lazy Loading for billeder

Lazyloading er en funktion, der udskyder indlæsningen af billeder uden for browserens visningsport. Men når en bruger besøger dit websted og ikke scroller helt ned i bunden, vil de billeder, der er placeret der, ikke blive indlæst. Du kan opnå dette ved hjælp af et lazy loading-script. Antallet af HTTP-anmodninger reduceres, da de billeder, der er placeret over folden, indlæses for et website.

Du kan bede din udvikler om at inkludere lazy loading-scriptet på dit website eller bruge et plugin. For eksempel tilbyder WP Rockets en lazy load-funktion, der viser indholdet for den del, der er til stede over folden, når den bruges på dit website.

Derudover tilbyder flere andre plugins lazy loading til WordPress-hjemmesider. Du kan derfor tjekke dem ud online for at se, hvilket der er bedst egnet. Se her, hvordan du gør langsomme hjemmesider hurtigere.

Udskift de tunge plugins med lettere plugins

En sikker måde at reducere antallet af HTTP-anmodninger på er at tjekke størrelsen på de plugins, der er installeret på dit website. En af grundene til, at dit website bliver langsommere, kan være, at et eller flere plugins arbejder mere for dit website og genererer flere HTTP-anmodninger.

For at identificere et plugin som let eller tungt skal du sikre dig et par ting, som professionalisme og kvaliteten af koden, effektiviteten af kodeudførelsen, funktioner og filstørrelse.

Der er et par andre måder at markere de plugins, der gør dit website langsommere. Når du har identificeret sådanne plugins, kan du markere dem. Følg nedenstående 5-trins-diagnose for at træffe en bedre beslutning;

1. Brug et værktøj ved navn Pingdom til at køre en performancetest af dit website for at kontrollere antallet af HTTP-anmodninger, det skal foretage. Skriv også den score ned, du får.

2. Aktivér et plugin, A, og kør testen igen. Du kan derefter skrive din score ned.

3. Deaktiver det første plugin, installer derefter et andet plugin, B, og kør den samme audit igen.

4. Sammenlign de HTTP-anmodninger, som hvert plugin laver, og se så, hvilket der laver flest.

5. Hvis det ene laver færre anmodninger end det andet, skal du slette det tunge og beholde det lettere. Du vil få en masse alternativer til rådighed, som vil gøre det samme, men som er lette.

Reducer antallet af eksterne scripts på dit website

Hver gang et tredjepartsscript indlæses på dit website, skal der foretages HTTP-anmodninger. Men hvis du reducerer antallet af tredjepartsscripts, vil antallet af anmodninger også blive reduceret.

På den anden side gør flere HTTP-anmodninger dit website langsommere og påvirker dets ydeevne. Derfor bør du holde styr på alle dit websites integrationer med tredjeparter for at identificere de aktiver, der bremser dit website.

Flere HTTP-anmodninger tvinger ressourcerne til at blive hentet fra netværket, og du vil gerne sikre, at dit websteds ydeevne opretholdes. Se her, hvordan du kan reducere serverens svartid i WordPress.

De eksterne scripts, vi taler om, kommer normalt fra Facebook-pixels, Analytics-tags, knapper til social deling, YouTube-videoer, A/B-test-tags og andre kilder. For at forbedre dit websites ydeevne er det vigtigt at identificere de filer, der øger antallet af anmodninger. Du kan optimere tredjepartsanmodningerne manuelt eller bruge et plugin til det samme.

Minimer HTML, CSS og JavaScript

Multiplicering af HTML-, CSS- og Javascript-koder hjælper med at fjerne unødvendige mellemrum, kommentarer og uønskede tegn. Derudover hjælper det med at reducere filstørrelser og dermed gøre dem lettere.

Teknikken kan anvendes på alle tre filer: HTML, CSS og Javascript. Det vil ikke påvirke leveringen til slutbrugerne, da det handler om at rydde op i koden i backend.

Du kan minificere filerne manuelt, online eller ved hjælp af et værktøj eller et plugin.

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

• For at minimere CSS-filer skal du fjerne alle ekstra mellemrum og kommentarer. Desuden skal du fjerne klassen, forkorte ID'et og fjerne variabelnavne i det omfang, det er muligt.

• Du skal fjerne de ekstra mellemrum og JS-kommentarer fra kildekoden for at minificere JS-filer. Du skal også omdanne alle arrays til objekter, lede efter svar på de grundlæggende konstantudtryk og optimere din betingede erklæring for at opnå de bedste resultater.

Hvis du bruger et plugin til at minificere dine filer, skal du blot markere afkrydsningsfelterne for de filer, du ønsker at minificere, så udføres opgaven automatisk. Hvis du bruger WP Rocket til processen, har de et separat afsnit til optimering af filer.

Kombiner CSS og Javascript

En af de nemmeste metoder til at reducere de HTTP-anmodninger, der genereres af dit websted, er uden tvivl at kombinere dine CSS- og Javascript-filer. Desværre kræver WordPress-plugins og -temaer indlæsning af adskillige JS- og CSS-stylesheets. Til det formål skal browseren indlæse alle de ressourcer, der skal bruges til at gengive websiderne. Det resulterer i sidste ende i en stigning i antallet af HTTP-anmodninger.

Der findes flere onlineværktøjer, som du nemt kan bruge til at kombinere dine CSS- og Javascript-filer. SmartOptimizer, CSS Crush, JSCompress.com m.fl. er nogle af de bedste muligheder. Du kan uploade dit WordPress-websteds kombinerede filer på disse websteder og opleve øget webstedshastighed. Derudover reducerer det HTTP-anmodninger og hjælper dermed med at optimere dit website.

Optimer billederne, og slet alle ikke-vigtige billeder

Selv om der endnu ikke findes et plugin, der kan hjælpe med at kombinere billeder med CSS-sprites, findes der et par fantastiske plugins, der kan hjælpe med at optimere dit websites billeder. Selvfølgelig er billeder afgørende for en uovertruffen brugeroplevelse, men du skal vide, at hvert billede, der tilføjes, genererer en ekstra HTTP-anmodning. Vælg derfor alle dine billeder med omhu, og inkluder kun de billeder, der tilføjer værdi til dit indhold.

Alternativt kan du optimere alle dine billeder, før du tilføjer dem til dit website. Optimering af billederne betyder, at du skal reducere størrelsen på billederne og sikre, at deres kvalitet ikke kompromitteres.

Det samme giver ingen mening, hvis du har slørede billeder på dit website. Billederne skal være af høj kvalitet, men ikke tunge, hvor indholdet og sammenhængen er synlig.

Sådan kan du optimere billeder i WordPress.

Der er et par gode værktøjer til at ændre størrelse, som du kan bruge for at få de bedste resultater. Nogle af disse er Photoshop, Preview for Mac, GIMP og mange flere. Du skal dog være opmærksom på, at en reduktion af filstørrelsen på billeder ikke påvirker antallet af HTTP-anmodninger, men det hjælper med at gøre hjemmesiden lettere, hvilket resulterer i kortere indlæsningstid.

Indlæs kun scripts, når det er nødvendigt

Dette er et andet helt sikkert skridt, som du kan tage for at minimere antallet af HTTP-anmodninger, som dit website skal foretage. Du skal selvfølgelig sikre, at scripts kun indlæses, når det er nødvendigt, og fjerne dem fra de sider, der ikke har brug for dem. Når det er sagt, skal du foretage en revision og fjerne scripts og plugins fra sider, der ikke behøver at blive indlæst.

Der findes flere fantastiske plugins, som du kan bruge til at deaktivere indlæsning af scripts på specifikke sider eller indlæg. Desuden vil disse plugins sikre, at scripts kun indlæses, når det er nødvendigt.

For eksempel vil pluginet Perfmatters tillade, at scripts kun indlæses på sider eller indlæg, når det er nødvendigt. Et andet godt plugin er Asset Cleanup Pro, som er mindre brugervenligt, men som gør et godt stykke arbejde.

Ofte stillede spørgsmål

Nedenfor er nævnt nogle ofte stillede spørgsmål

Q. Hvad er de vigtigste ting, der gør et WordPress-websted langsommere?

Der er flere faktorer, der gør din WordPress-hjemmeside langsommere.

De få vigtigste er visning/tilføjelse af uoptimerede billeder, mange scripts, der kører i baggrunden, brug af et langsomt WordPress-tema eller en ældre version af PHP og mange flere.

Så tjek for forskellige faktorer for at sikre, at hastigheden på dit website er på niveau.

Q. Er der andre måder at reducere HTTP-anmodninger på end at bruge plugins?

Ja, hvis du har et team af udviklere, der arbejder med backend på dit website, kan du nemt bede dem om at udføre de nødvendige trin for at reducere HTTP-anmodninger på dit website.

Men hvis du ikke går ind for at bruge plugins, er der nogle fremragende manuelle metoder til rådighed, ved hjælp af hvilke du hurtigt kan løse alle aspekter, der øger HTTP-anmodningerne.

Q. Hvad sker der, når serveren modtager for mange forespørgsler?

For mange anmodninger, som browseren sender til serveren, er usunde og påvirker dit websites ydeevne. For eksempel indikerer flere anmodninger brute force- eller DDoS-angreb (distributed denial of service).

Derudover blokerer HTTP brugerens IP-adresse for at sikre, at webstedet er godt beskyttet mod malware-aktiviteter. Som følge heraf kan brugeren ikke få adgang til webstedet.

Q. Hvorfor reducere HTTP-forespørgsler?

En af de vigtigste grunde til at reducere HTTP-anmodninger er, at dit website gør det for at sikre tilstrækkelig ydeevne.

Jo flere HTTP-anmodninger dit website har, jo langsommere indlæses det for brugerne. Når det er sagt, hvis du arbejder på HTTP-anmodningerne og optimerer anmodningsbelastningen, vil dit websteds ydeevne blive forbedret for altid.

Indpakning af det

For at bevare din hjemmesides fremragende ydeevne og hurtige indlæsning bør du sørge for færre HTTP-anmodninger. At holde det inden for 50 er det, der vil hjælpe dit website med at præstere som forventet. Ved hjælp af de ovennævnte plugins kan du reducere HTTP-anmodninger og sikre, at anmodningerne ikke overstiger dette antal.

Plugins hjælper med at reducere unødvendige anmodninger, og det bedste er, at du ikke har brug for teknisk viden til det samme. Med plugins behøver du ikke at arbejde mere og stadig få de bedste resultater. Med færre HTTP-anmodninger kan du hurtigt øge dit websteds placering på SERP'erne.