Vertragen webfonts je website?
Ja. Webfonts vertragen je website op twee manieren: ze wegen iets, en ze houden het tonen van je tekst op tot ze binnen zijn.
Dat tweede is het vervelendst, want je bezoeker kijkt dan naar een lege of springende pagina.
Er zijn drie ingrepen die het grootste deel oplossen.
Host ze zelf
Een lettertype van een externe dienst kost een extra opzoekvraag en een nieuwe verbinding. Op je eigen server valt dat weg.
Het is bovendien beter voor de privacy van je bezoekers. Meer daarover lees je bij cookie.
Zet de weergave op swap
Dan toont je browser meteen een systeemletter en wisselt hij zodra je eigen letter binnen is.
Je tekst is dan direct leesbaar. Je ziet wel een kort moment van verspringen; dat is het waard.
Laad ze vooruit
Met een verwijzing bovenaan je pagina kun je je browser vertellen dat hij het lettertype alvast mag ophalen.
Doe dat alleen voor de een of twee bestanden die je direct nodig hebt. Meer daarover lees je bij pagespeed.
Mijn vuistregels
- Host je lettertypen zelf, altijd.
- Zet de weergave op swap.
- Laad hooguit twee bestanden vooruit.
- Gebruik woff2 en niets anders.
Die tweede is de ingreep met het grootste zichtbare effect voor je bezoeker.
Hoeveel het scheelt
Bij een site die vier gewichten van een externe dienst laadt, kun je met deze drie ingrepen een halve seconde winnen.
Dat is meer dan de meeste andere optimalisaties opleveren.
De radicale optie
Helemaal geen webfont gebruiken en de systeemletter van je bezoeker nemen. Dan is je tekst er direct.
Je levert vormgeving in en wint snelheid. Meer daarover lees je bij welk lettertype je het beste gebruikt.