Så här gör du färre HTTP-förfrågningar på WordPress-webbplatsen
Senast uppdaterad den måndag 4 september 2023
Hastighet är den kritiska faktor som avgör rankningen av webbplatserna på sökmotorer. Tja, både sökmotorer och användare älskar webbplatser som laddas snabbt, och det beror på att en snabb webbplats erbjuder en exceptionell användarupplevelse. Således är det en betydande rankningsfaktor. Om laddningshastigheten på din webbplats är relativt långsam och webbplatsen inte fungerar som förväntat, kan en möjlig orsak vara högre HTTP-förfrågningar.
Om du är ganska ny i webbplatsvärlden eller behöver lära dig mer om hur webbplatser fungerar i detalj, bör du vara medveten om att fler HTTP-förfrågningar gör webbplatser långsammare. Att minska antalet HTTP-förfrågningar kan förbättra laddningstiden för webbplatser. Funderar du på hur? Vi har fått dig täckt.
Vi kommer att prata om flera helt bevisade sätt som hjälper till att minska HTTP-förfrågningar och öka din webbplats prestanda och hastighet.
Vad är en HTTP-förfrågan?
HTTP är ett kommunikationsprotokoll som följs när en användare ber om information online. Servern levererar data och innehåll som CSS, HTML-filer, bilder, videor etc. till användaren via internet.
Webben är ett expansivt utrymme med mycket innehåll eller information som finns på servrarna. När en användare försöker få tillgång till den information som finns tillgänglig på internet skickas förfrågningar av webbläsaren, och sedan får de svar.
Utan en begäran kan inte en effektiv kommunikation mellan användaren och servern upprättas. En HTTP-begäran är därför ett kommunikationslager mellan servern och användaren. Klientservern skickar ett meddelande som kallas HTTP (hypertext transfer protocol), och det strukturerar begäran i tre olika delar: rubriken, begäransraden och brödtexten.
När det gäller hastigheten och prestandan på din WordPress-webbplats, baserat på HTTP-förfrågningar, bör du känna till följande siffror.
En webbplats är frisk och presterar tillfredsställande när HTTP-förfrågningarna hålls under 50 för varje sida.
En webbplats levererar enastående prestanda när antalet förfrågningar är mindre än 25 per sida.
Det genomsnittliga antalet accepterade HTTP-förfrågningar är 70, och webbplatsen kommer att fungera anständigt.
Vi rekommenderar att du håller din webbplats frisk, eftersom för många HTTP-förfrågningar gör den långsammare. Låt oss gå igenom anledningen till att upprätthålla en hälsosam prestanda för din webbplats.
Varför behöver du minska antalet HTTP-förfrågningar?
En av de främsta anledningarna till att minska HTTP-förfrågningar från webbplatsen är att bibehålla dess prestanda och hastighet. Men om du gräver djupt in i detaljerna kommer du att veta att 80% av svarstiden för en webbplats vanligtvis spenderas på själva frontend. Men några av de viktigaste aspekterna som påverkar laddningstiden för en webbplats är stilmallar, skript, bilder etc.
Dessa komponenter är viktiga när det gäller att visa innehåll, och det som tar tid är upprättandet av kommunikation mellan användaren och servern. Så en annan viktig anledning till att minska antalet HTTP-förfrågningar är att hålla webbplatsens kärnkomponenter friska.
Om vi sammanfattar de viktigaste orsakerna till att minska HTTP-förfrågningarna blir resultatet följande.
Fler filer på dina WordPress-webbplatser resulterar i att många HTTP-förfrågningar görs.
Längre HTTP-förfrågningar ökar webbplatsens faktiska laddningstid.
Större och tyngre filer på webbplatsen gör att HTTP-förfrågningarna tar längre tid.
Att minska HTTP-förfrågningarna har en positiv inverkan på din LCP.
Nu när vi vet hur vi kan minska antalet HTTP-förfrågningar måste du också förstå att webbläsaren gör det möjligt att hämta information från din webbplats.
Låt oss granska några sätt att minska dem.
Sätt att göra färre HTTP-förfrågningar till din webbplats
Var medveten om att få HTTP-förfrågningar innebär att det kommer att finnas färre byte att ladda ner. Uppgiften är dock mer utmanande än vad den verkar vara. Istället är optimeringen skrämmande.
Vi har undersökt några av de bästa metoderna för att minska HTTP-förfrågningar som servern måste göra. Listan innehåller helt bevisade sätt att minska HTTP-förfrågningar med hjälp av plugins och även ett manuellt tillvägagångssätt.
Låt oss komma igång utan vidare.
Använda CSS-sprites för att kombinera bilder
Att använda CSS-sprites är ett av de bästa sätten att minska HTTP-förfrågningar som görs för bildresurser. Tyvärr är varje CSS-fil som används på din webbplats render-blockerande, vilket innebär att ju fler CSS-filer du lägger till, desto tyngre blir det och saktar ner webbplatsen.
För att undvika detta problem kan du kombinera alla webbplatsens bilder i en fil och optimera dem om det behövs. När du har gjort detta kan du nu utnyttja CSS-sprites-tricket, där du måste använda CSS för att bara visa en del av bilden där det behövs. Några webbaserade verktyg finns tillgängliga på internet. Med hjälp av dessa potenta verktyg kan du optimera dina bilder.
Några av de bästa exemplen på allmänt använda verktyg inkluderar CSS Sprites-verktyget, CSS Sprite Editor och andra.
Aktivera lat laddning för bilder
Lazy loading är en funktion som skjuter upp laddningen av bilder utanför webbläsarens visningsport. Men när en användare besöker din webbplats och inte skrollar till den extrema botten kommer bilderna som placeras där inte att laddas. Du kan uppnå detta med hjälp av ett lazy loading-skript. Antalet HTTP-förfrågningar minskar, eftersom bilderna som placeras ovanför vecket laddas för en webbplats.
Du kan be din utvecklare att inkludera lazy loading-skriptet på din webbplats eller använda ett plugin. WP Rockets erbjuder till exempel en lazy load-funktion som visar innehållet för den del som finns ovanför vikningen när den används på din webbplats.
Dessutom finns det flera andra plugins som erbjuder lazy loading för WordPress-webbplatser. Du kan alltså kolla in dem online för att se vilken som passar bäst. Kolla in det här för att lära dig hur du snabbar upp långsamma webbplatser.
Ersätt de tyngre plugin-programmen med lättare
Ett säkert sätt att minska antalet HTTP-förfrågningar är att kontrollera storleken på de plugins som är installerade på din webbplats. En av anledningarna till att din webbplats saktar ner kan vara att ett eller flera plugins arbetar mer för din webbplats och genererar fler HTTP-förfrågningar.
För att identifiera ett plugin som lättviktigt eller tungviktigt måste du säkerställa några saker, till exempel professionalism och kodkvalitet, effektiviteten i kodkörningen, funktioner och filstorlek.
Det finns några andra sätt att markera de plugins som saktar ner din webbplats. När du har identifierat sådana plugins kan du flagga dem. Följ en 5-stegsdiagnos som nämns nedan för att bestämma bättre;
Använd ett verktyg som heter Pingdom för att köra ett prestandatest på din webbplats för att kontrollera antalet HTTP-förfrågningar som den måste göra. Skriv också ner den poäng som du får.
Aktivera ett plugin, A, och kör om testet. Du kan sedan skriva ner din poäng.
Avaktivera det första insticksprogrammet, installera sedan ett annat insticksprogram, B, och kör samma test igen.
Jämför de HTTP-förfrågningar som varje plugin gör och se sedan vilken som gör flest.
Om den ena gör färre förfrågningar än den andra, ta bort den tunga och behåll den lättare. Du kommer att få många alternativ tillgängliga som kommer att göra samma jobb men är lätta alternativ.
Minska externa skript på din webbplats
När ett tredjepartsskript laddas på din webbplats måste HTTP-förfrågningar göras. Som sagt, om du minskar antalet tredjepartsskript, kommer de begäranden som görs att minska tillsammans.
Å andra sidan gör fler HTTP-förfrågningar din webbplats långsammare, vilket påverkar dess prestanda. Därför bör du hålla reda på alla din webbplats integrationer med tredje part för att identifiera de tillgångar som saktar ner din webbplats.
Flera HTTP-förfrågningar tvingar resurserna att hämtas från nätverket, och du vill se till att webbplatsens prestanda bibehålls. Här kan du läsa mer om hur du kan minska serverns svarstid i WordPress.
De externa skript som vi pratar om kommer vanligtvis från Facebook-pixlar, Analytics-taggar, sociala delningsknappar, YouTube-videor, A/B-testtaggar och andra källor. För att förbättra prestandan på din webbplats är det viktigt att identifiera de filer som ökar antalet förfrågningar. Du kan optimera tredjepartsförfrågningarna manuellt eller använda ett plugin för samma sak.
Minifiera HTML, CSS och JavaScript
Att multiplicera HTML-, CSS- och Javascript-koder hjälper till att ta bort onödiga blanksteg, kommentarer och oönskade tecken. Dessutom hjälper det till att minska filstorleken och därmed göra dem lättare.
Tekniken kan tillämpas på alla tre filerna; HTML, CSS och Javascript. Detta kommer inte att påverka leveransen till slutanvändarna, eftersom det handlar om att städa upp koden i backend.
Du kan minifiera filerna manuellt, online eller också med hjälp av ett verktyg eller plugin.
För att minifiera HTML-filer kan du öppna kodarket och ta bort alla oönskade element som kommentarer, radbrytningar etc. så blir din fil lättare.
För att minimera CSS-filer tar du bort alla extra mellanslag och kommentarer. Dessutom måste du ta bort klassen, förkorta ID och ta bort variabelnamn i den mån det är möjligt.
Du måste ta bort extra mellanslag och JS-kommentarer från källkoden för att minifiera JS-filer. Förvandla också alla arrayer till objekt, leta efter svar på de grundläggande konstantuttrycken och optimera ditt villkorliga uttalande för att få bästa resultat.
Alternativt, när du använder ett plugin för att minifiera dina filer, måste du markera rutorna för de filer du vill minifiera, så görs uppgiften automatiskt. Om du använder WP Rocket för processen har de ett separat avsnitt för att optimera filer.
Kombinera CSS och Javascript
En av de enklaste metoderna för att minska de HTTP-förfrågningar som genereras av din webbplats är utan tvekan att kombinera dina CSS- och Javascript-filer. Tyvärr kräver WordPress-plugins och teman laddning av många JS- och CSS-formatmallar. För detta måste webbläsaren ladda alla resurser för att göra om webbsidorna. Detta resulterar i slutändan i att antalet HTTP-förfrågningar ökar.
Det finns flera onlineverktyg tillgängliga som du enkelt kan kombinera dina CSS- och Javascript-filer med. SmartOptimizer, CSS Crush, JSCompress.com med flera är några av de bästa alternativen. Du kan ladda upp din WordPress-webbplats kombinerade filer på dessa webbplatser och uppleva ökad webbplatshastighet. Dessutom minskar det HTTP-förfrågningar, vilket hjälper till att optimera din webbplats.
Optimera bilderna och ta bort alla oviktiga bilder
Även om det inte finns något sådant plugin ännu som hjälper till att kombinera bilderna med CSS-sprites, men det finns några otroliga plugins som hjälper till att optimera din webbplats bilder. Naturligtvis är bilder avgörande för en oöverträffad användarupplevelse, men du bör veta att varje bild som läggs till genererar en extra HTTP-begäran. Välj därför alla dina bilder med omsorg och inkludera endast de bilder som ger mervärde till ditt innehåll.
Alternativt kan du optimera alla dina bilder innan du lägger till dem på din webbplats. Att optimera bilderna innebär att du måste minska storleken på bilderna och se till att deras kvalitet inte äventyras.
Detsamma är inte meningsfullt om du har suddiga bilder på din webbplats. Bilderna ska vara av hög kvalitet men inte tunga, där innehållet och sammanhanget är synligt.
Så här kan du optimera bilder i WordPress.
Det finns några bra verktyg för storleksändring som du kan använda för bästa resultat. Några av dessa är Photoshop, Preview för Mac, GIMP och många fler. Du bör dock vara medveten om att en minskning av filstorleken på bilder inte påverkar antalet HTTP-förfrågningar som görs, men det bidrar till att göra webbplatsen lättare, vilket resulterar i kortare laddningstid.
Ladda skript endast när det krävs
Detta är ett annat helt bevisat steg som du kan ta för att minimera antalet HTTP-förfrågningar som din webbplats måste göra. Naturligtvis bör du se till att skripten bara laddas när det krävs och ta bort dem från de sidor som inte kräver dem. Som sagt, gör en revision och ta bort skript och plugins från sidor som inte behöver laddas.
Det finns flera fantastiska plugins tillgängliga som du kan använda för att inaktivera en belastning av skript på specifika sidor eller inlägg. Dessutom kommer dessa plugins att se till att skripten bara laddas när det behövs.
Till exempel kommer plugin-programmet Perfmatters att tillåta att skript bara laddas på sidor eller inlägg när det behövs. Ett annat bra plugin är Asset Cleanup Pro, som är mindre användarvänligt men gör ett bra jobb.
Ofta ställda frågor
Nedan nämns några vanliga frågor
Q. Vilka är de viktigaste sakerna som gör en WordPress-webbplats långsammare?
Det finns flera faktorer som gör din WordPress-webbplats långsammare.
Några av de viktigaste är att visa/lägga till icke-optimerade bilder, ha många skript som körs i bakgrunden, använda ett långsamt WordPress-tema eller en äldre version av PHP, och många fler.
Så kontrollera olika faktorer för att säkerställa att hastigheten på din webbplats är i nivå.
Q. Finns det några andra sätt att minska HTTP-förfrågningar än att använda plugins?
Ja, om du har ett team av utvecklare som arbetar med backend på din webbplats kan du enkelt be dem att utföra nödvändiga steg för att minska HTTP-förfrågningar på din webbplats.
Men om du inte är för att använda plugins finns det några utmärkta manuella metoder tillgängliga, med hjälp av vilka du snabbt kan fixa alla aspekter som ökar HTTP-förfrågningarna.
Q. Vad händer när servern tar emot för många förfrågningar?
För m ånga förfrågningar som webbläsaren skickar till servern är ohälsosamma och påverkar webbplatsens prestanda. Flera förfrågningar tyder t.ex. på brute force- eller DDoS-attacker (distributed denial of service).
Dessutom blockerar HTTP användarens IP-adress för att säkerställa att webbplatsen är väl skyddad från aktiviteter med skadlig kod. Som ett resultat av detta kan användaren inte komma åt webbplatsen.
Q. Varför minska HTTP-förfrågningar?
En av de viktigaste anledningarna till att minska HTTP-förfrågningar är att din webbplats gör det för att säkerställa adekvat prestanda.
Ju fler HTTP-förfrågningar din webbplats har, desto långsammare kommer den att laddas för användarna. Med detta sagt, om du arbetar med HTTP-förfrågningarna och optimerar förfrågningsbelastningen, kommer din webbplats prestanda att förbättras för gott.
Avsluta det hela
För att upprätthålla den utmärkta prestandan på din webbplats och dess snabba belastning bör du säkerställa färre HTTP-förfrågningar. Att hålla det inom 50 är det som hjälper din webbplats att prestera som förväntat. Med hjälp av de ovan diskuterade plugin-programmen kan du minska HTTP-förfrågningar och se till att förfrågningarna inte överstiger det antalet.
Plugins hjälper till att minska onödiga förfrågningar, och det bästa är att du inte behöver teknisk kunskap för detsamma. Med plugins behöver du inte arbeta mer och ändå få de bästa prestandaresultaten. Med färre HTTP-förfrågningar kan du snabbt öka din webbplats ranking på SERP.
Artikel av:
Sunny Kumar
Grundare
Hej på er! Jag heter Sunny Kumar och är personen bakom TheWPX. Jag är en teknikdriven bloggare från New Delhi, Indien, med en IT-examen från IIT-D. Jag är duktig på SEO, Cloud Computing, Telecom & Networking och CEH. Under de senaste 8 åren har jag utvecklat en omfattande förståelse och skicklighet inom SEO, som jag delar med andra genom min blogg!