Kritiska förfrågekedjor är en serie beroende nätverksförfrågningar som är nödvändiga för sidrendering. Du kommer att lära dig hur du hanterar eller undviker detta problem. Läs nedan!
Vad är en kritisk begäran?
En kritisk begäran är en begäran som krävs för att rendera sidan. Det betyder att om begäran misslyckas kommer sidan inte att kunna renderas. Kritiska begäranden bör prioriteras framför andra begäranden för att säkerställa att den slutförs.
Det finns några olika sätt att göra en kritisk begäran. Det vanligaste sättet är att använda attributet async på script-taggen. Detta anger att webbläsaren ska fortsätta ladda andra resurser medan skriptet laddas ner. Ett annat sätt att göra en kritisk begäran är att infoga resursen i själva HTML-koden. Detta säkerställer att webbläsaren inte behöver vänta på ytterligare en returresa för att hämta resursen, men det ökar HTML-kodens storlek.
Det är viktigt att endast göra kritiska förfrågningar om resurser som är nödvändiga för att rendera sidan. Att göra för många kritiska förfrågningar kan försena sidans laddning och i slutändan leda till en dålig användarupplevelse.
Hur undviker man att kedja kritiska förfrågningar?
- Använda domänskärningsteknik: Ett av de viktigaste sätten att undvika att kedja kritiska förfrågningar är att använda domänskärningsmetoden. Domänskärning låter dig dela upp ditt innehåll över flera domäner, vilket kan bidra till att minska antalet DNS-sökningar och förbättra sidladdningstiderna.
- Använda CDN: Ett CDN kan hjälpa till att förbättra sidladdningstiderna genom att cacha ditt innehåll på servrar över hela världen, vilket gör det enklare och snabbare för besökare att komma åt ditt innehåll.
- Optimera din webbplats för prestanda: Du kan också undvika att kritiska förfrågningar kedjas genom att optimera din webbplats för prestanda. Detta inkluderar att minimera dina HTML-, CSS- och JavaScript-filer, komprimera bilder och använda ett cache-plugin.
Alternativ till att kedja kritiska förfrågningar
Det finns några alternativ till att kedja kritiska förfrågningar som kan bidra till att förbättra prestandan:
1. Inline-resurser: Detta innebär att bädda in små, kritiska resurser direkt i HTML-koden istället för att göra separata HTTP-förfrågningar för dem. Med hjälp av data-URI:er eller inline-skript och stilar kan du uppnå detta.
2. Förladda resurser: Detta anger att webbläsaren ska hämta specifika resurser i förväg, så att de är tillgängliga när de behövs. Du kan göra detta via länktaggen eller resurstips.
3. Cachning av resurser: Cachningslager använder ofta resurser lokalt, så de behöver inte hämtas från servern varje gång de används. Du kan använda cachningsheaders eller service workers för att göra detta.
4. Optimera förfrågningsordningen: Ordningen i vilken resursförfrågningar görs kan påverka prestandan, så det är viktigt att se till att kritiska resurser begärs först. Du kan göra detta genom att använda nyckelordet preload eller manuellt ändra resursförfrågningsordningen.
5. Minimera returtider: Rundturstid (RTT) är den tid det tar för en begäran att resa från webbläsaren till servern och tillbaka igen. Att minska RTT kan bidra till att förbättra prestandan, och det finns några sätt att göra detta: använda beständiga anslutningar, optimera DNS-sökningar och minska omdirigeringar.
Slutsats
Vi hoppas att den här artikeln har hjälpt dig att förstå vikten av att undvika kritiska kedjeförfrågningar. Genom att göra det kan du förbättra laddningshastigheten på din webbplats och ge en bättre upplevelse för dina användare. Kom ihåg att testa dina ändringar innan du implementerar dem på din webbplats, och om du har några frågor är du välkommen att kontakta vårt supportteam för hjälp.
