Statische assets zijn essentieel voor de snelheid van websites, omdat de browser in de cache . Dat betekent dat de browser ze niet elke keer hoeft te downloaden wanneer iemand een pagina bezoekt; hij kan ze gewoon vanuit de cache laden. Hierdoor laden pagina’s sneller, wat geschikt is voor gebruikers en zoekmachines.
Om er zeker van te zijn dat statische assets op de juiste manier in WordPress in de cache worden opgeslagen, moet je ervoor zorgen dat je caching-headers gebruikt. Deze headers vertellen de browser hoe lang het item in de cache moet blijven voordat het opnieuw wordt gedownload. Als u geen caching-headers gebruikt, worden uw statische items waarschijnlijk vaker dan nodig gedownload, waardoor uw website trager wordt. Statische assets zijn bestanden die niet vaak veranderen, zoals afbeeldingen, CSS-bestanden en JavaScript-bestanden, in tegenstelling tot dynamische inhoud, die voortdurend evolueert.
Waarom zijn statische assets belangrijk?
Statische activa zijn meestal vrij klein van formaat, maar ze kunnen oplopen als u voorzichtiger moet zijn. Ze zijn belangrijk omdat ze op verschillende manieren de snelheid van uw website kunnen beïnvloeden. Ten eerste: als u er te veel heeft, kunnen ze de laadtijden van uw pagina vertragen. Ten tweede kunnen ze, als ze niet correct zijn geoptimaliseerd, ook de prestaties van uw site negatief beïnvloeden.
Hoe u statische assets kunt bedienen met een efficiënt cachebeleid in WordPress
Als het gaat om websitesnelheid, is een cruciale factor het optimaliseren van uw site voor statische items. Statische elementen, zoals uw logo of headerafbeelding, blijven meestal van pagina tot pagina hetzelfde. Ze zijn doorgaans ook kleiner qua bestandsgrootte dan andere assets, waardoor ze sneller worden geladen.
Om uw WordPress-site te optimaliseren voor statische items:
- Wijzig de vervaltijd van de cache : Mogelijk bent u deze aanbeveling tegengekomen die zegt: "serveer statische activa met een efficiënt cachebeleid" terwijl u uw website test met de Google PageSpeed-tool . Om dit op te lossen, wijzigt u de vervaldatum van uw browsercache in 180 dagen in uw caching-plug-in-instellingen of CDN. Het hangt ervan af welk hulpmiddel je gebruikt.
2. Gebruik een Content Delivery Network (CDN) . Een CDN bewaart kopieën van uw website op servers over de hele wereld, zodat deze sneller aan bezoekers kunnen worden geleverd. Er zijn tal van opties op de markt voor WordPress, zoals Jetpack CDN, Cloudfalre enz.
3. Minimaliseer HTTP-verzoeken . Elke keer dat een bezoeker een pagina laadt, moet zijn browser een HTTP-verzoek verzenden voor elk item op de pagina. Dus hoe minder assets u heeft, hoe minder HTTP-verzoeken en hoe sneller uw pagina's worden geladen. Dit kan worden bereikt door sleutelverzoeken , lettertypen enz.
4. Serveer geschaalde afbeeldingen. Bewaar meerdere kopieën van elke afbeelding in verschillende formaten en serveer het juiste formaat op het apparaat van elke bezoeker. Op die manier hoeven browsers afbeeldingen niet zelf te schalen, wat langer kan duren.
5. Gebruik een CSS-spritesheet. Een CSS-spritesheet is een enkele afbeelding die alle kleine afbeeldingen bevat die op een website worden gebruikt, zoals pictogrammen of knoppen. Een sprite-sheet kan de HTTP-verzoeken verminderen die nodig zijn om deze afbeeldingen te laden.
6. Optimaliseer uw code. Zorg ervoor dat uw HTML, CSS en JavaScript zijn verkleind en gecomprimeerd om de bestandsgrootte te verkleinen en ze sneller te laten laden. Gebruik een Caching-plug-in om deze taak te automatiseren.
Gerelateerd:
Hoe ongebruikte CSS in WordPress verwijderen?
Hoe lange hoofdthreadtaken vermijden?
Hoe grote lay-outverschuivingen vermijden?
Handleiding voor front-endoptimalisatie (FEO)
Hoe kan ik afbeeldingen buiten het scherm uitstellen?
Conclusie
Statische elementen zijn essentieel voor elke website en kunnen de snelheid van uw site aanzienlijk beïnvloeden. Als u niet bekend bent met statische assets, hopen we dat dit artikel u heeft geholpen de zaken duidelijker te maken. Het optimaliseren van uw statische assets is een uitstekend begin als u de snelheid van uw website wilt verbeteren. Als u op zoek bent naar professionals om uw WP-site te optimaliseren, neem dan contact op met onze WordPress-site-optimalisatieservice !
