Typografie, tekst en duurzaamheid
Ontwerpers zijn dol op typografie, maar raad eens – aangepaste lettertypen vergroten effectief de algehele grootte van uw webpagina’s. Lettertypen bestaan uit meerdere diktes (normaal, vet, extra vet, enz.). Eén dikte kan 200 kb toevoegen aan uw webpagina. Dit vertraagt de gebruikerservaring en vereist meer energie om de pagina te laden.
Controleer bij uw webdesigner of alleen de vereiste lettertypediktes hoeven te worden geladen en, als er meerdere lettertypen worden gebruikt, of ze allemaal nodig zijn. Je kan dit ook zelf meten. Er moet een balans worden gevonden tussen esthetiek/branding versus duurzame presentatie.
Lettertypebestanden voorkomen dat typografie en je webdesign er saai uitziet en passen goed bij uw branding, maar ze kunnen ook veel onnodige bagage toevoegen aan een website. Veel lettertypebestanden bevatten bijvoorbeeld speciale tekens uit andere talen die u helemaal niet nodig hebt.
Verminder aantal lettertypebestanden
Zorg ervoor dat u alleen de lettertypebestanden gebruikt die u echt nodig hebt. Vooral bij meerdere variaties van een lettertype (lettertype) zoals regular, medium, bold en italic, neemt de bestandsgrootte en dus het dataverkeer snel toe. De relatief nieuwe techniek rond ‘variabele lettertypes’ kan ook indirect worden voortgezet. In dit geval worden de variaties in het lettertype grotendeels in 1 bestand verwerkt en heb je vaak maar 2 bestanden nodig om het volledige scala aan lettertype-variaties te kunnen gebruiken.
Lokale lettertypes versus externe lettertypes
Het gebruik van lettertypewebsites zoals Google Fonts zorgt voor extra gegevensoverdracht omdat er een andere bron wordt gebruikt. Zorg ervoor dat je lettertypes op dezelfde server staan als op de rest van je website. Handige WordPress-tools zijn bijvoorbeeld Custom Fonts en Local Google Fonts. Nog beter is het natuurlijk om de lettertypes te verbergen in de code van je WordPress thema of systeemfonts te gebruiken als Arial.
Minificatie: woff2 en subsetten
Het woff2-bestandsformaat is qua bestandsgrootte het meest efficiënt en wordt door elke moderne webbrowser ondersteund. Ga je nog een stap verder, dan kun je de lettertypebestanden niet subsetten. Dit is het verwijderen van onnodige tekens uit het lettertypebestand. Laten we zeggen dat dit alleen is weggelegd voor een ervaren webdesigner met de nodige technische vaardigheden en ervaring op dit gebied.
Icoonlettertypen
Vergeet de pictogramlettertypen hier niet. Soms gebruikt een site 3 van de 4 pictogramlettertypen, terwijl er maar 10 pictogrammen in de lay-out worden gebruikt. Stel eenvoudig uw eigen pictogramlettertype samen via de IcoMoon-app. U moet ook weten wat u hier doet.