Websiteprestaties: Teksten optimaliseren
3 min
In dit artikel
- Verschillende soorten lettertypen
- Aantal lettertypen
- Opmaak en animatie
- Afbeeldingen van tekst
- Reserve-lettertypen in de Studio Editor
Optimaliseer de tekst op je website om je bezoekerservaring te verbeteren. Lettertypes, effecten en opmaak kunnen de prestaties van je website beïnvloeden, dus wij raden aan onze richtlijnen te volgen om ervoor te zorgen dat je belangrijke informatie kunt weergeven zonder afbreuk te doen aan het functioneren van je website.
Tip:
Het hebben van betekenisvolle tekst boven de vouw zorgt er ook voor dat bezoekers inhoud kunnen lezen terwijl de rest van de website wordt geladen.
Verschillende soorten lettertypen
Er zijn een aantal soorten lettertypen die je op je website kunt gebruiken. Afhankelijk van het type en de downloadvereisten variëren ze in hoe ze de laadsnelheid en prestaties van je website beïnvloeden. De drie soorten lettertypen zijn:
- Systeemlettertypen: Dit zijn gewone lettertypen die waarschijnlijk al aanwezig zijn op de systemen van jou en je bezoekers. Omdat ze in de meeste systemen zijn opgenomen, hoeven ze niet te worden gedownload om op de apparaten van je bezoekers te verschijnen. Ze hebben ze dus geen invloed op de prestaties van je website.
- Aangepaste lettertypen: Eigen lettertypen zijn lettertypen die je kunt uploaden van derden om te gebruiken op je Wix-website. Deze lettertypen zijn een persoonlijke manier om je website-ervaring te verrijken, maar ze moeten van de server worden gedownload om in de browser van je bezoekers te verschijnen. Daarom kunnen deze lettertypen de prestaties van je website beïnvloeden.
- Beschikbare lettertypen van Wix: Wanneer je je website bouwt en bewerkt met Wix, zie je wellicht dat wij een verscheidenheid aan tekstlettertypen aanbieden. Sommige daarvan zijn systeemlettertypen, andere werken als aangepaste lettertypen, en ze beïnvloeden de laadsnelheid van je website dienovereenkomstig.
Samenvattend:
- Systeemlettertypen laden uiteindelijk sneller dan aangepaste lettertypen, omdat ze al in het systeem aanwezig zijn. Dit bespaart dus bandbreedte door het aantal verzoeken dat nodig is om je website te laden te verminderen.
- Omdat systeemlettertypen minder invloed hebben op de snelheid van je website, raden wij aan ze waar mogelijk te gebruiken in plaats van aangepaste lettertypen.
Aantal lettertypen
Bij het gebruik van lettertypen op je website is het belangrijk om te onthouden dat het hebben van meerdere verschillende lettertypen en soorten lettertypen de laadtijd en algemene prestaties kan beïnvloeden.
Hoewel het downloaden van systeemlettertypen niet nodig is, moeten aangepaste lettertypen van de server worden gedownload om op je pagina te worden weergegeven. Verschillende aangepaste lettertypen kunnen ook verschillende downloadsnelheden hebben, wat de laadtijd van je website verder kan beïnvloeden.
We raden aan maximaal drie of minder lettertypen (zowel systeem als aangepast) op je pagina te hebben, omdat dit helpt om je website soepel te laten werken. Consistentie in lettertypen (en kleuren) helpt ook om je merk te versterken en de uitstraling van je website consistent te houden.
Opmaak en animatie
Verschillende opmaakopties, zoals vet, onderstreept of cursief, kunnen de laadtijd van je website beïnvloeden. Probeer de opmaak van lettertypen op een pagina tot drie te beperken door ze voor specifieke doeleinden te gebruiken (bijvoorbeeld om een tekstgebied op je pagina te markeren).
Daarnaast kan geanimeerde tekst de leesbaarheid en SEO van je tekst beïnvloeden. Dit komt omdat geanimeerde tekst niet kan worden gelezen door zoekmachines. We raden aan om gewone tekst te gebruiken voor zinvolle inhoud op je website en om overmatig gebruik van onthullingsanimaties boven de vouw te vermijden.
Afbeeldingen van tekst
Vermijd waar mogelijk afbeeldingen met tekst. Afbeeldingstekst kan wazig lijken terwijl de afbeelding wordt geladen en kan niet worden vertaald of gecrawld door zoekmachines. Zorg ervoor dat je waar mogelijk standaardtekst gebruikt op je website om de prestaties en SEO-ranking van je website te handhaven.
Tip:
Als alternatief adviseren wij het toevoegen van alt-tekst aan je afbeeldingen. Hierdoor kunnen zoekmachines en schermlezers de beschrijving van de afbeelding 'lezen'.
Reserve-lettertypen in de Studio Editor
Let op:
Deze functie is alleen beschikbaar in de Studio Editor.
Als je zware aangepaste lettertypen gebruikt op een Studio Editor-website, kun je standaard alternatieve lettertypen inschakelen. Reserve-lettertypen worden sneller geladen en worden tijdelijk weergegeven op de live website terwijl de aangepaste lettertypen op de achtergrond worden gedownload.
Standaard lettertypen kunnen de paginaprestaties optimaliseren door de LCP (Largest Contentful Paint) van de website te verminderen, wat de Core Web Vitals en Google Search-ranking. Bovendien kan het sneller weergeven van tekstinhoud de ervaring voor bezoekers verbeteren terwijl ze door de website bladeren. Lees hoe je alternatieve lettertypen inschakelt
Goed om te weten:
- Reserve-lettertypen verbeteren de laadtijd als het grootste element boven de vouw een tekstelement is.
- Wanneer je alternatieve lettertypen inschakelt, wordt een 'swap'-waarde toegevoegd aan de CSS-descriptor voor het weergeven van lettertypen. Deze descriptor bepaalt hoe een lettertype wordt weergegeven op basis van wanneer het is gedownload en klaar voor gebruik.