Hoe minder HTTP-verzoeken doen op een WordPress site

Snelheid is de kritieke factor die de rangschikking van sites bij zoekmachines bepaalt. Zowel zoekmachines als gebruikers houden van websites die snel laden, omdat een snelle website een uitzonderlijke gebruikerservaring biedt. Het is dus een belangrijke rankingfactor. Als de laadsnelheid van je site relatief traag is en de site niet presteert zoals verwacht, kan een mogelijke reden hogere HTTP-verzoeken zijn.

Als u vrij nieuw bent in het universum van websites of meer moet leren over de fijne kneepjes van websites, moet u zich ervan bewust zijn dat meer HTTP-verzoeken websites vertragen. Het verminderen van het aantal HTTP-verzoeken kan de laadtijd van websites verbeteren. Weet je al hoe? Wij hebben het voor je geregeld.

We zullen het hebben over verschillende volledig betrouwbare manieren om HTTP-verzoeken te verminderen en de prestaties en snelheid van je website te verhogen.

Wat is een HTTP-verzoek?

HTTP is een communicatieprotocol dat wordt gevolgd wanneer een gebruiker online om informatie vraagt. De server levert gegevens en inhoud zoals CSS, HTML-bestanden, afbeeldingen, video's, enz. aan de gebruiker via het internet.

Het web is een uitgestrekte ruimte met veel inhoud of informatie die op de servers wordt gehost. Wanneer een gebruiker toegang probeert te krijgen tot de informatie die beschikbaar is op het internet, stuurt de browser verzoeken en ontvangt vervolgens antwoorden.

Zonder een verzoek kan er geen effectieve communicatie tot stand worden gebracht tussen de gebruiker en de server. Daarom is een HTTP-verzoek een communicatielaag tussen de server en de gebruiker. De client-server verstuurt een bericht dat bekend staat als HTTP (hypertext transfer protocol) en het verzoekbericht wordt gestructureerd in drie verschillende delen: de header, de verzoekregel en de body.

Wat betreft de snelheid en prestaties van je WordPress site, gebaseerd op HTTP verzoeken, moet je de volgende cijfers kennen.

• Een website is gezond en presteert naar behoren als het aantal HTTP-verzoeken per pagina onder de 50 blijft.

• Een website levert uitstekende prestaties als het aantal verzoeken minder is dan 25 per pagina.

• Als het gemiddelde aantal geaccepteerde HTTP-verzoeken 70 is, presteert de website behoorlijk.

Het is aan te raden om je website gezond te houden, want te veel HTTP-verzoeken vertragen de website. Laten we eens kijken naar de redenen om je website gezond te houden.

Waarom moet je HTTP-aanvragen verminderen?

Een van de belangrijkste redenen om het aantal HTTP-verzoeken van een website te verminderen, is om de prestaties en snelheid te behouden. Als je echter diep in de details graaft, zul je weten dat 80% van de reactietijd van een website meestal wordt besteed aan de voorkant zelf. Maar enkele van de belangrijkste aspecten die de laadtijd van een website beïnvloeden zijn stylesheets, scripts, afbeeldingen, enz.

Deze componenten zijn essentieel als het gaat om het weergeven van content, en wat tijd kost is het tot stand brengen van communicatie tussen de gebruiker en de server. Een andere belangrijke reden om het aantal HTTP-verzoeken te verminderen, is dus om de belangrijkste vitale delen van je website gezond te houden.

Als we de belangrijkste redenen voor het verminderen van het aantal HTTP verzoeken samenvatten, dan is het volgende het resultaat.

• Meer bestanden op je WordPress sites resulteren in het maken van veel HTTP verzoeken.

• Langere HTTP requests verhogen de werkelijke laadtijd van een website.

• Grotere en zwaardere bestanden op de website zorgen voor langere HTTP verzoeken.

• Het verminderen van de HTTP requests heeft een positieve invloed op je LCP.

Nu we weten wat essentieel is om het aantal HTTP-verzoeken te verminderen, moet je ook begrijpen dat de browser het mogelijk maakt om informatie van je website op te halen.

Laten we een paar manieren bekijken om ze te verminderen.

Manieren om minder HTTP-aanvragen naar uw website te doen

Wees ervan op de hoogte dat weinig HTTP-aanvragen betekent dat er minder bytes moeten worden gedownload. De taak is echter uitdagender dan het lijkt. De optimalisatie is juist ontmoedigend.

We hebben een aantal van de beste methoden onderzocht om HTTP-aanvragen die de server moet doen, te verminderen. De lijst bevat volledig bewezen manieren om HTTP-verzoeken te verminderen met behulp van plugins en ook een handmatige aanpak.

Laten we meteen aan de slag gaan.

CSS-sprites gebruiken om afbeeldingen te combineren

Het gebruik van CSS sprites is een van de beste manieren om HTTP-verzoeken voor afbeeldingsbronnen te verminderen. Helaas is elk CSS-bestand dat op je website wordt gebruikt render-blocking, wat betekent dat hoe meer CSS-bestanden je toevoegt, hoe zwaarder het zal worden en de website zal vertragen.

Om dit probleem te voorkomen, kun je alle afbeeldingen van je website in één bestand combineren en ze indien nodig optimaliseren. Als je dit hebt gedaan, kun je de truc van CSS sprites toepassen, waarbij je CSS gebruikt om slechts een deel van de afbeelding weer te geven waar dat nodig is. Er zijn een paar webtools beschikbaar op het internet. Met behulp van deze krachtige tools kun je je afbeeldingen optimaliseren.

Een paar goede voorbeelden van veelgebruikte tools zijn de CSS Sprites tool, CSS Sprite Editor en andere.

Lazy loading activeren voor afbeeldingen

Lazy loading is een functie die het laden van afbeeldingen buiten de viewport van de browser uitstelt. Maar als een gebruiker uw site bezoekt en niet naar de uiterste onderkant scrollt, worden de daar geplaatste afbeeldingen niet geladen. U kunt dit bereiken met behulp van een script voor lui laden. Het aantal HTTP-verzoeken wordt verminderd, omdat de afbeeldingen die boven de vouw zijn geplaatst wel worden geladen voor een website.

Je kunt je ontwikkelaar vragen om het lazy loading script op je website te zetten of je kunt een plugin gebruiken. WP Rockets biedt bijvoorbeeld een lazy load-functie die bij gebruik op je website de inhoud weergeeft voor het gedeelte dat boven de vouw staat.

Daarnaast bieden verschillende andere plugins lazy loading voor WordPress websites. Je kunt ze dus online bekijken om te zien welke het meest geschikt is. Bekijk dit om te leren hoe je langzame websites kunt versnellen.

Vervang de zwaardere plugins door lichtere plugins

De beste manier om het aantal HTTP-verzoeken te verminderen, is controleren hoe groot de plugins zijn die op je website zijn geïnstalleerd. Een van de redenen waarom je website trager wordt, kan zijn dat een of meer plugins meer voor je website werken en meer HTTP-verzoeken genereren.

Om een plugin als lichtgewicht of zwaargewicht te identificeren, moet je voor een paar dingen zorgen, zoals professionaliteit en de kwaliteit van de code, de efficiëntie van de code-uitvoering, functies en bestandsgrootte.

Er zijn nog een paar andere manieren om de plugins te markeren die je website vertragen. Nadat je dergelijke plugins hebt geïdentificeerd, kun je ze markeren. Volg de onderstaande 5-stapsdiagnose om een beter besluit te nemen;

1. Gebruik Pingdom om een prestatietest van je website uit te voeren om het aantal HTTP-verzoeken te controleren. Schrijf ook de score op die je krijgt.

2. Activeer een plugin, A, en voer de test opnieuw uit. Je kunt dan je score opschrijven.

3. Deactiveer de eerste plugin, installeer dan een andere plugin, B, en voer dezelfde controle opnieuw uit.

4. Vergelijk de HTTP requests die elke plugin maakt en kijk dan welke plugin er meer maakt.

5. Als de ene minder aanvragen doet dan de andere, verwijder dan de zware en behoud de lichtere. Er zijn veel alternatieven beschikbaar die hetzelfde doen, maar licht van gewicht zijn.

Verminder het aantal externe scripts op uw website

Telkens wanneer er een script van een derde partij op uw website wordt geladen, moeten er HTTP-verzoeken worden gedaan. Dat gezegd hebbende, als je het aantal scripts van derden vermindert, zullen de verzoeken ook verminderen.

Aan de andere kant vertragen meer HTTP-verzoeken je website, wat de prestaties beïnvloedt. Daarom moet je alle integraties van je website met derden bijhouden om te zien welke onderdelen je website vertragen.

Verschillende HTTP-verzoeken dwingen de bronnen om van het netwerk te worden gehaald en je wilt ervoor zorgen dat de prestaties van je website op peil blijven. Bekijk dit om te leren hoe je de reactietijd van de server kunt verminderen in WordPress.

De externe scripts waar we het over hebben zijn meestal afkomstig van Facebook pixels, Analytics tags, knoppen voor sociaal delen, YouTube video's, A/B testing tags en andere bronnen. Om de prestaties van je website te verbeteren, is het van cruciaal belang om de bestanden te identificeren die bijdragen aan het aantal aanvragen. Je kunt de aanvragen van derden handmatig optimaliseren of hiervoor een plugin gebruiken.

HTML, CSS en JavaScript minimaliseren

Het minimaliseren van HTML-, CSS- en Javascript-codes helpt bij het verwijderen van onnodige witruimte, commentaar en ongewenste tekens. Daarnaast helpt het bij het verkleinen van bestanden, waardoor ze lichter worden.

De techniek kan worden toegepast op alle drie de bestanden: HTML, CSS en Javascript. Het heeft geen invloed op de levering aan eindgebruikers, omdat het gaat om het opschonen van de code aan de achterkant.

Je kunt de bestanden handmatig minen, online, of met behulp van een tool of plugin.

• Om HTML-bestanden te minimaliseren, kun je het codeblad openen en alle ongewenste elementen zoals commentaar, regeleinden, enz. verwijderen, waarna je bestand lichter wordt.

• Om CSS-bestanden te minimaliseren, verwijder je alle extra spaties en commentaar. Verder moet je de klasse verwijderen, de ID inkorten en variabele namen zoveel mogelijk verwijderen.

• Je moet de extra spaties en JS-commentaar uit de broncode verwijderen om JS-bestanden te minimaliseren. Verander ook alle arrays in objecten, zoek naar antwoorden op de constante basisuitdrukkingen en optimaliseer je voorwaardelijke verklaring om de beste resultaten te krijgen.

Als alternatief, wanneer je een plugin gebruikt om je bestanden te minen, moet je de vakjes aanvinken voor de bestanden die je wilt minen en de taak wordt automatisch uitgevoerd. Als je WP Rocket gebruikt voor het proces, hebben ze een aparte sectie om bestanden te optimaliseren.

CSS en Javascript combineren

Het is ongetwijfeld een van de eenvoudigste methoden om de HTTP-verzoeken die je site genereert te verminderen, door je CSS- en Javascript-bestanden te combineren. Helaas vereisen WordPress plugins en thema's het laden van talrijke JS en CSS stylesheets. Hiervoor moet de browser alle bronnen laden om de webpagina's te renderen. Dit resulteert uiteindelijk in een toename van het aantal HTTP-verzoeken.

Er zijn verschillende online tools beschikbaar waarmee je eenvoudig je CSS en Javascript bestanden kunt combineren. SmartOptimizer, CSS Crush, JSCompress.com en meer zijn enkele van de beste opties. Je kunt de gecombineerde bestanden van je WordPress site uploaden naar deze websites en de snelheid van je site verhogen. Bovendien vermindert het HTTP-verzoeken, waardoor je website geoptimaliseerd wordt.

Optimaliseer de afbeeldingen en verwijder alle onbelangrijke afbeeldingen

Hoewel er nog geen plugin is die helpt bij het combineren van afbeeldingen met CSS sprites, zijn er wel een paar fantastische plugins die helpen bij het optimaliseren van de afbeeldingen op je website. Natuurlijk zijn afbeeldingen cruciaal voor een ongeëvenaarde gebruikerservaring, maar je moet weten dat elke toegevoegde afbeelding een extra HTTP-verzoek genereert. Kies daarom al je afbeeldingen verstandig en voeg alleen die afbeeldingen toe die waarde toevoegen aan je inhoud.

Of optimaliseer al je afbeeldingen voordat je ze toevoegt aan je website. Het optimaliseren van de afbeeldingen betekent dat je de grootte van de afbeeldingen moet verkleinen om ervoor te zorgen dat de kwaliteit niet in het gedrang komt.

Hetzelfde heeft geen zin als je onscherpe afbeeldingen op je website hebt. De afbeeldingen moeten van hoge kwaliteit zijn, maar niet te zwaar, zodat de inhoud en context zichtbaar zijn.

Dit is hoe je afbeeldingen in WordPress kunt optimaliseren.

Er zijn een paar geweldige herschaalprogramma's die je kunt gebruiken voor de beste resultaten. Enkele hiervan zijn Photoshop, Voorvertoning voor Mac, GIMP en nog veel meer. Houd er wel rekening mee dat het verkleinen van de bestandsgrootte van afbeeldingen geen invloed heeft op het aantal HTTP-verzoeken, maar het helpt om de website lichter te maken, wat resulteert in een kortere laadtijd.

Scripts alleen laden wanneer dat nodig is

Dit is nog een waterdichte stap die je kunt nemen om het aantal HTTP-verzoeken dat je website moet doen te minimaliseren. Natuurlijk moet je ervoor zorgen dat de scripts alleen worden geladen wanneer dat nodig is en ze verwijderen van de pagina's die ze niet nodig hebben. Dat gezegd hebbende, doe een audit en verwijder de scripts en plugins van pagina's die niet geladen hoeven te worden.

Er zijn verschillende geweldige plugins beschikbaar die je kunt gebruiken om het laden van scripts op specifieke pagina's of berichten uit te schakelen. Bovendien zorgen deze plugins ervoor dat de scripts alleen worden geladen als dat nodig is.

De plugin Perfmatters zorgt er bijvoorbeeld voor dat scripts alleen worden geladen als dat nodig is. Een andere goede plugin is Asset Cleanup Pro, die minder gebruiksvriendelijk is maar geweldig werk levert.

Veel gestelde vragen

Hieronder staan enkele veelgestelde vragen

Q. Wat zijn de belangrijkste dingen die een WordPress website vertragen?

Verschillende factoren zorgen ervoor dat je WordPress website trager wordt.

De belangrijkste zijn het weergeven/toevoegen van niet-geoptimaliseerde afbeeldingen, veel scripts die op de achtergrond draaien, het gebruik van een traag WordPress thema of een oudere versie van PHP, en nog veel meer.

Controleer dus verschillende factoren om ervoor te zorgen dat de snelheid van je website op peil is.

Q. Zijn er andere manieren om HTTP-aanvragen te verminderen dan het gebruik van plug-ins?

Ja, als je een team van ontwikkelaars hebt die aan de backend van je website werken, kun je hen gemakkelijk vragen om de nodige stappen uit te voeren om HTTP-verzoeken op je website te verminderen.

Als je echter geen voorstander bent van het gebruik van plugins, zijn er een aantal uitstekende handmatige methoden beschikbaar waarmee je snel elk aspect kunt oplossen dat de HTTP-verzoeken verhoogt.

Q. Wat gebeurt er als de server te veel aanvragen ontvangt?

Te veel aanvragen die de browser naar de server stuurt zijn ongezond en beïnvloeden de prestaties van je website. Meerdere verzoeken duiden bijvoorbeeld op brute force of DDoS (distributed denial of service) aanvallen.

Daarnaast blokkeert HTTP het IP-adres van de gebruiker om ervoor te zorgen dat de site goed beschermd is tegen malware-activiteiten. Het resultaat is dat de gebruiker geen toegang heeft tot de website.

Q. Waarom HTTP-aanvragen verminderen?

Een van de belangrijkste redenen voor het verminderen van HTTP-verzoeken is dat je website het maakt om adequate prestaties te garanderen.

Hoe meer HTTP-verzoeken je website heeft, hoe langzamer hij laadt voor gebruikers. Dat gezegd hebbende, als je aan de HTTP-verzoeken werkt en de belasting van de verzoeken optimaliseert, zullen de prestaties van je website voorgoed verbeteren.

Inpakken

Om de uitstekende prestaties van je website en het snel laden te behouden, moet je zorgen voor minder HTTP-verzoeken. Als je het aantal van 50 aanhoudt, zal je website naar verwachting presteren. Met behulp van de hierboven besproken plugins kun je HTTP-verzoeken verminderen en ervoor zorgen dat de verzoeken dat aantal niet overschrijden.

Plugins helpen onnodige aanvragen te verminderen en het beste is dat je er geen technische kennis voor nodig hebt. Met plugins hoef je niet meer te werken en krijg je toch de beste prestatieresultaten. Met minder HTTP-verzoeken kun je de positie van je site op de SERP's snel verbeteren.