Statiska tillgångar är viktiga för webbplatsens hastighet eftersom webbläsaren kan cachelagra dem. Det betyder att webbläsaren inte behöver ladda ner dem varje gång någon besöker en sida – den kan helt enkelt ladda dem från sin cache. Detta gör att sidor laddas snabbare, vilket är lämpligt för användare och sökmotorer.
För att säkerställa att statiska resurser cachas korrekt i WordPress måste du se till att du använder cachningsrubriker. Dessa rubriker anger för webbläsaren hur länge tillgången ska lagras i cachen innan den laddas ner igen. Om du inte använder cachningsrubriker kommer dina statiska resurser sannolikt att laddas ner oftare än nödvändigt, vilket gör din webbplats långsammare. Statiska resurser är filer som inte ändras ofta, till exempel bilder, CSS-filer och JavaScript-filer, till skillnad från dynamiskt innehåll, som ständigt utvecklas.
Varför är statiska tillgångar viktiga?
Statiska tillgångar är vanligtvis ganska små i storlek, men de kan bli för stora om du behöver vara mer försiktig. De är viktiga eftersom de kan påverka din webbplats hastighet på flera sätt. För det första, om du har för många av dem, kan de sakta ner dina sidladdningstider. För det andra, om de inte är korrekt optimerade, kan de också dra ner din webbplats prestanda.
Hur man hanterar statiska tillgångar med en effektiv cachepolicy i WordPress
När det gäller webbplatsens hastighet är en avgörande faktor att optimera din webbplats för statiska resurser. Statiska resurser, som din logotyp eller rubrikbild, förblir oftast desamma från sida till sida. De är också vanligtvis mindre i filstorlek än andra resurser, så de laddas snabbare.
Så här optimerar du din WordPress-webbplats för statiska tillgångar:
- Ändra cachens utgångstid : Du kan ha stött på rekommendationen "serve static assets-with-an-efficient-cache-policy" när du testade din webbplats med Google PageSpeed-verktyget . För att åtgärda detta, ändra din webbläsarcache-utgångstid till 180 dagar i dina cache-plugin-inställningar eller CDN. Det beror på vilket verktyg du använder.
2. Använd ett innehållsleveransnätverk (CDN) . Ett CDN lagrar kopior av din webbplats på servrar över hela världen för att leverera dem till besökare snabbare. Det finns många alternativ på marknaden för WordPress, bland annat Jetpack CDN, Cloudflare etc.
3. Minimera HTTP-förfrågningar . Varje gång en besökare laddar en sida måste deras webbläsare skicka en HTTP-förfrågan för varje tillgång på sidan. Så ju färre tillgångar du har, desto färre HTTP-förfrågningar och desto snabbare laddas dina sidor. Detta kan uppnås genom att förladda nyckelförfrågningar , teckensnitt etc.
4. Visa skalade bilder. Spara flera kopior av varje bild i olika storlekar och visa lämplig storlek på varje besökares enhet. På så sätt behöver webbläsare inte skala bilderna själva, vilket kan ta längre tid.
5. Använd ett CSS-spritesheet. Ett CSS- spritesheet är en enda bild som innehåller alla små bilder som används på en webbplats, till exempel ikoner eller knappar. Ett spritesheet kan minska antalet HTTP-förfrågningar som behövs för att ladda dessa bilder.
6. Optimera din kod. Se till att din HTML, CSS och JavaScript är minimerade och komprimerade för att minska filstorlekarna och få dem att laddas snabbare. Använd ett caching-plugin för att automatisera den här uppgiften.
Relaterat:
Hur tar man bort oanvänd CSS i WordPress?
Hur undviker man långa huvudtrådsuppgifter?
Hur undviker man stora layoutförskjutningar?
Guide för frontendoptimering (FEO)
Hur skjuter man upp bilder utanför skärmen?
Slutsats
Statiska resurser är viktiga för alla webbplatser och kan påverka webbplatsens hastighet avsevärt. Om du inte är bekant med statiska resurser hoppas vi att den här artikeln har hjälpt dig att förstå saker och ting. Att optimera dina statiska resurser är en utmärkt början om du vill förbättra din webbplats hastighet. Om du letar efter proffs för att optimera din WordPress-webbplats, skaffa då vår WordPress-webbplatsoptimeringstjänst !
