Statiske aktiver er afgørende for hjemmesidens hastighed, fordi browseren kan cache dem. Det betyder, at browseren ikke behøver at downloade dem, hver gang nogen besøger en side – den kan bare indlæse dem fra sin cache. Dette gør, at sider indlæses hurtigere, hvilket er velegnet til brugere og søgemaskiner.
For at sikre, at statiske aktiver caches korrekt i WordPress, skal du sørge for at bruge cache-headers. Disse headers fortæller browseren, hvor længe aktivet skal opbevares i cachen, før det downloades igen. Hvis du ikke bruger cache-headers, vil dine statiske aktiver sandsynligvis blive downloadet oftere end nødvendigt, hvilket vil gøre dit websted langsommere. Statiske aktiver er filer, der ikke ændres ofte, såsom billeder, CSS-filer og JavaScript-filer i modsætning til dynamisk indhold, som er i konstant udvikling.
Hvorfor er statiske aktiver vigtige?
Statiske aktiver er normalt ret små i størrelse, men de kan hobe sig op, hvis du skal være mere forsigtig. De er vigtige, fordi de kan påvirke din hjemmesides hastighed på et par måder. For det første, hvis du har for mange af dem, kan de forsinke din sides indlæsningstid. For det andet, hvis de ikke er korrekt optimeret, kan de også trække dit websteds ydeevne ned.
Sådan serverer du statiske aktiver med en effektiv cachepolitik i WordPress
Når det kommer til hjemmesidehastighed, er en afgørende faktor optimering af dit websted til statiske aktiver. Statiske aktiver, såsom dit logo eller headerbillede, forbliver for det meste de samme fra side til side. De er også normalt mindre i filstørrelse end andre aktiver, så de indlæses hurtigere.
Sådan optimerer du dit WordPress-websted til statiske aktiver:
- Ændring af cacheudløbstid: Du er muligvis stødt på denne anbefaling, der siger "serve static assets-with-an-efficient-cache-policy", mens du testede dit websted med Google PageSpeed-værktøjet. For at rette dette skal du ændre din browsercacheudløb til 180 dage i dine caching-plugin-indstillinger eller CDN. Det afhænger af hvilket værktøj du bruger.
2. Brug et indholdsleveringsnetværk (CDN). Et CDN gemmer kopier af dit websted på servere verden over for at levere dem hurtigere til besøgende. Der findes masser af muligheder på markedet for WordPress, såsom Jetpack CDN, Cloudfalre osv.
3. Minimer HTTP-anmodninger. Hver gang en besøgende indlæser en side, skal deres browser sende en HTTP-anmodning for hvert element på siden. Så jo færre elementer du har, jo færre HTTP-anmodninger, og jo hurtigere indlæses dine sider. Dette kan opnås ved at forudindlæse nøgleanmodninger, skrifttyper osv.
4. Vis skalerede billeder. Gem flere kopier af hvert billede i forskellige størrelser, og vis den passende størrelse til hver besøgendes enhed. På den måde behøver browsere ikke selv at skalere billederne, hvilket kan tage længere tid.
5. Brug et CSS-spritesheet. Et CSS- spritesheet er et enkelt billede, der indeholder alle de små billeder, der bruges på et websted, såsom ikoner eller knapper. Et spritesheet kan reducere antallet af HTTP-anmodninger, der er nødvendige for at indlæse disse billeder.
6. Optimer din kode. Sørg for, at din HTML, CSS og JavaScript er minimeret og komprimeret for at reducere deres filstørrelser og få dem til at indlæse hurtigere. Brug et caching-plugin til at automatisere denne opgave.
Relateret:
Sådan fjerner du ubrugt CSS i WordPress?
Sådan undgår du lange hovedtrådsopgaver?
Sådan undgår du store layoutforskydninger?
Guide til frontendoptimering (FEO)
Sådan udskyder du billeder uden for skærmen?
Konklusion
Statiske aktiver er afgørende for ethvert websted og kan have betydelig indflydelse på dit websteds hastighed. Hvis du ikke er bekendt med statiske aktiver, håber vi, at denne artikel har hjulpet dig med at forstå tingene. Optimering af dine statiske aktiver er en glimrende start, hvis du vil forbedre dit websteds hastighed. Hvis du leder efter professionelle til at optimere dit WordPress-websted, så få vores WordPress-webstedsoptimeringstjeneste!
