Kritiske anmodningskæder er en række afhængige netværksanmodninger, der er nødvendige for sidegengivelse. Du vil lære, hvordan du håndterer eller undgår dette problem. Læs nedenfor!
Hvad er en kritisk anmodning?
En kritisk anmodning er en anmodning, der er nødvendig for at gengive siden. Det betyder, at hvis anmodningen mislykkes, vil siden ikke kunne gengives. Kritiske anmodninger bør prioriteres over andre anmodninger for at sikre en vellykket gennemførelse.
Der er et par forskellige måder at foretage en kritisk anmodning på. Den mest almindelige måde er at bruge async-attributten på script-tagget. Dette fortæller browseren, at den skal fortsætte med at indlæse andre ressourcer, mens dette script downloades. En anden måde at foretage en kritisk anmodning på er at integrere ressourcen i selve HTML-koden. Dette sikrer, at browseren ikke behøver at vente på endnu en retur for at hente ressourcen, men det øger HTML-kodens størrelse.
Det er vigtigt kun at foretage kritiske anmodninger om ressourcer, der er nødvendige for at gengive siden. For mange kritiske anmodninger kan forsinke indlæsningen af siden og i sidste ende føre til en dårlig brugeroplevelse.
Hvordan undgår man at kæde kritiske anmodninger sammen?
- Brug af domænesharding-teknik: En af de vigtigste måder at undgå at kæde kritiske anmodninger sammen på er ved at bruge domænesharding-metoden. Domænesharding giver dig mulighed for at opdele dit indhold på tværs af flere domæner, hvilket kan hjælpe med at reducere antallet af DNS-opslag og forbedre sideindlæsningstider .
- Brug af CDN: Et CDN kan hjælpe med at forbedre sideindlæsningstider ved at cache dit indhold på servere verden over, hvilket gør det nemmere og hurtigere for besøgende at få adgang til dit indhold.
- Optimering af dit websites ydeevne: Du kan også undgå at kæde kritiske forespørgsler sammen ved at optimere dit websites ydeevne. Dette inkluderer at minimere dine HTML-, CSS- og JavaScript-filer, komprimere billeder og bruge et caching-plugin.
Alternativer til at kæde kritiske anmodninger sammen
Der er et par alternativer til at kæde kritiske anmodninger sammen, der kan hjælpe med at forbedre ydeevnen:
1. Inline-ressourcer: Dette betyder at integrere små, kritiske ressourcer direkte i HTML-koden i stedet for at lave separate HTTP-anmodninger for dem. Ved at bruge data-URI'er eller inline-scripts og -stilarter kan du opnå dette.
2. Forindlæsning af ressourcer : Dette fortæller browseren, at den skal hente specifikke ressourcer på forhånd, så de er tilgængelige, når der er brug for dem. Du kan gøre dette via link-tagget eller ressourcetips.
3. Cachelagring af ressourcer: Cachelagre tilgår ofte ressourcer lokalt, så de behøver ikke at blive hentet fra serveren hver gang de bruges. Du kan bruge cache-headere eller service workers til at gøre dette.
4. Optimering af anmodningsrækkefølge: Den rækkefølge, som ressourceanmodninger foretages i, kan påvirke ydeevnen, så det er vigtigt at sikre, at kritiske ressourcer anmodes først. Du kan gøre dette ved at bruge nøgleordet preload eller manuelt ændre rækkefølgen af ressourceanmodninger.
5. Minimering af returtider: Rundturstid (RTT) er den tid, det tager for en anmodning at rejse fra browseren til serveren og tilbage igen. Reduktion af RTT kan hjælpe med at forbedre ydeevnen, og der er et par måder at gøre dette på: brug af vedvarende forbindelser, optimering af DNS-opslag og reduktion af omdirigeringer.
Konklusion
Vi håber, at denne artikel har hjulpet dig med at forstå vigtigheden af at undgå kritiske kædeanmodninger. Ved at gøre det kan du forbedre indlæsningshastigheden på dit websted og give dine brugere en bedre oplevelse. Husk at teste dine ændringer, før du implementerer dem på dit live-websted, og hvis du har spørgsmål, er du velkommen til at kontakte vores supportteam for at få hjælp.
