OMGF Lettertype laden
Lettertypen laden Correct
Het downloaden van Google Fonts is een must
OMGF is de gemakkelijkste manier om het te doen
Wat is OMGF?
OMGF is een plug-in die alle Google-lettertypen die uw website gebruikt rechtstreeks naar uw server downloadt. Hierdoor hoeft uw WordPress-installatie geen lettertypen op te vragen bij de Google-servers, waardoor u tijd en verbindingen bespaart. De plug-in is ongelooflijk eenvoudig te gebruiken en als uw website-ontwerp compleet is, hoeft u deze maar één keer te gebruiken om uw website-ervaring te vergroten paginasnelheidscore en verlaag de laadtijd van uw website.
Wat veel mensen zich niet realiseren is dat de bestandsgrootte van lettertypen behoorlijk groot kan zijn. Velen zijn maximaal 200 kb groot, dus het downloaden ervan bij elk paginaverzoek kan serverintensief zijn. Als je bedenkt dat deze hele pagina ongeveer 800 kb groot is (inclusief afbeeldingen), kun je zien hoe belangrijk het downloaden van lettertypen is om je algehele snelheid te verbeteren. Voeg daarbij het feit dat de meeste websites verschillende lettertypestijlen en lettertypegewichten hebben, en je kunt gemakkelijk zien hoe het downloaden van lettertypen alleen al 1 MB kan bereiken als je niet oppast.
Het gebruik van OMGF zal het probleem oplossen en uw paginasnelheidrapporten en verlaag de laadsnelheid voor uw eindgebruikers. Mogelijk hebt u de waarschuwingen voor lettertypen en vooral wat bekend staat als 'FOUT' (flits van ongewenste tekst) gezien in het Google Lighthouse-rapport, en weet u niet zeker hoe u deze kunt oplossen. Hieronder vindt u een korte handleiding over het gebruik van OMGF en maximaliseer de laadsnelheid van het lettertype op uw website.
Lettertypen laden Correct
Het downloaden van Google Fonts is een must
OMGF is de gemakkelijkste manier om het te doen
Wat is OMGF?
OMGF is een plug-in die alle Google-lettertypen die uw website gebruikt rechtstreeks naar uw server downloadt. Hierdoor hoeft uw WordPress-installatie geen lettertypen op te vragen bij de Google-servers, waardoor u tijd en verbindingen bespaart. De plug-in is ongelooflijk eenvoudig te gebruiken en als je website ontwerp is voltooid, hoeft u het slechts één keer te gebruiken om uw paginasnelheidsscore te verhogen en de laadtijd van uw website te verlagen.
Wat veel mensen zich niet realiseren is dat de bestandsgrootte van lettertypen behoorlijk groot kan zijn. Velen zijn maximaal 200 kb groot, dus het downloaden ervan bij elk paginaverzoek kan serverintensief zijn. Als je bedenkt dat deze hele pagina ongeveer 800 kb groot is (inclusief afbeeldingen), kun je zien hoe belangrijk het downloaden van lettertypen is om je algehele snelheid te verbeteren. Voeg daarbij het feit dat de meeste websites verschillende lettertypestijlen en lettertypegewichten hebben, en je kunt gemakkelijk zien hoe het downloaden van lettertypen alleen al 1 MB kan bereiken als je niet oppast.
Het gebruik van OMGF zal het probleem oplossen, uw paginasnelheidsrapporten versterken en de laadsnelheid voor uw eindgebruikers verlagen. Mogelijk hebt u de waarschuwingen voor lettertypen en vooral wat bekend staat als 'FOUT' (flits van ongewenste tekst) gezien in het Google Lighthouse-rapport, en weet u niet zeker hoe u deze kunt oplossen. Hieronder vindt u een korte handleiding over hoe u OMGF kunt gebruiken en de laadsnelheid van het lettertype op uw website kunt maximaliseren.
OMGF is een plug-in die alle Google-lettertypen die uw website gebruikt rechtstreeks naar uw server downloadt. Hierdoor stopt uw website met het opvragen van lettertypen bij de Google-servers, waardoor u tijd en verbindingen bespaart.
De plug-in is ongelooflijk eenvoudig te gebruiken en als uw website-ontwerp compleet is, hoeft u hem maar één keer te gebruiken verhoog uw paginasnelheidsscore en verlaag de laadtijd van uw website.
Wat veel mensen zich niet realiseren is dat de bestandsgrootte van lettertypen behoorlijk groot kan zijn. Velen zijn maximaal 200 kb groot, dus het downloaden ervan bij elk paginaverzoek kan serverintensief zijn.
Als je bedenkt dat deze hele pagina ongeveer 800 kb groot is (inclusief afbeeldingen), kun je zien hoe belangrijk het downloaden van lettertypen is om je algehele snelheid te verbeteren. Voeg daarbij het feit dat de meeste websites verschillende lettertypestijlen en lettertypegewichten hebben, en je kunt gemakkelijk zien hoe het downloaden van lettertypen alleen al 1 MB kan bereiken als je niet oppast.
Het gebruik van OMGF zal het probleem oplossen, uw paginasnelheidsrapporten versterken en de laadsnelheid voor uw eindgebruikers verlagen. Mogelijk hebt u de waarschuwingen voor lettertypen en vooral wat bekend staat als 'FOUT' (flits van ongewenste tekst) gezien in het Google Lighthouse-rapport, en weet u niet zeker hoe u deze kunt oplossen. Hieronder vindt u een korte handleiding over hoe u OMGF kunt gebruiken en de laadsnelheid van het lettertype op uw website kunt maximaliseren.
Gebruik makend van OMGF
Sneller Lettertype Laden met OMGF
OMGF gebruiken
OMGF is heel gemakkelijk te gebruiken. Als je de video bekijkt, zie je dat het proces maximaal een minuut of twee duurt. Houd er rekening mee dat deze plug-in alleen voor Google Fonts is, en niet voor andere Typekit- of Adobe-lettertypen. Omdat de meeste commerciële thema's echter Google Fonts gebruiken, zou dit de enige plug-in moeten zijn die u nodig heeft.
Dus Doe ik dat?
Nadat je de plug-in hebt geïnstalleerd, ga je naar Instellingen / Optimaliseer Google-lettertypen. Vervolgens klikt u letterlijk op 'Autodetect' om een lijst met Google Fonts te zien die door uw website worden gebruikt. Als u de standaardinstellingen wilt behouden, klikt u gewoon op Opslaan en dat is alles: de lettertypen worden gedownload en er wordt een nieuw CSS-bestand gemaakt om de Google Fonts te gebruiken.
Als u gebruikt Asset Cleanup Pro, ga daarheen en naar Instellingen / Google Fonts. Klik op het tabblad Geavanceerd en klik op de schakelaar om 'Alles verwijderen' te activeren. Hiermee worden alle externe oproepen naar Google gestopt wanneer lettertypen worden gebruikt.
In zeldzame gevallen kan dit nog steeds lettertypen kapot maken. Dit is wanneer een themakop specifiek een lettertype gebruikt en deze niet kan worden overschreven. In dit geval moet u mogelijk het headerbestand van uw themasjabloon bewerken, maar dit is niet zo gebruikelijk.
Hoe zit het met Voorladen?
Vooraf laden is bedoeld voor het laden van prioriteitslettertypen die boven de vouw worden gebruikt. Dit is doorgaans uw menulettertype en uw alineatekst. Het komt zelden voor dat u cursieve of speciale lettertypen vooraf moet laden, tenzij u deze gebruikt in sliders of in hero-afbeeldingen bovenaan de pagina. Voor uw prioriteitslettertypen vinkt u vooraf laden aan voordat u ze opslaat.
Als u niet zeker weet wat uw prioriteitslettertypen zijn, vink ze dan allemaal aan. Wis vervolgens uw cache en laad de pagina opnieuw in Google Chrome. Klik met de rechtermuisknop en klik vervolgens op 'inspecteren'. Als u een nieuwe waarschuwing krijgt (geel vakje met een uitroepteken), klikt u erop. Let op een waarschuwing dat u een lettertype vooraf laadt dat u niet nodig heeft. Noteer het lettertype en de letterdikte. Ga vervolgens terug naar de plug-ininstellingen en schakel de preload voor dat lettertype uit – en dat is alles!
Het vooraf laden van lettertypen kan ook 'FOUT'-problemen oplossen. Een goede tip is om altijd 'font-display: swap' te gebruiken wanneer je de instellingen hebt (dit is een optie in Asset Cleanup Pro). Dan zal de tekstflits wanneer uw website overschakelt van systeemlettertypen naar gestileerde lettertypen niet opvallen en veel beter scoren op Google Lighthouse.
OMGF – Bekijk de video
Met dank aan Scott From Certificaat Media Voor de video
Wat als het geen lettertypen detecteert?
OMGF is compatibel met bijna alle WordPress-websites, maar sommige installaties kunnen problematisch zijn. Als de lettertypen in eerste instantie niet worden weergegeven wanneer u ze analyseert, opent u eenvoudigweg uw website in een ander tabblad. Ga vervolgens terug naar de plug-in en klik opnieuw op analyseren. Deze keer zou er een lijst met lettertypen moeten verschijnen.
Klaar om verder te gaan?
Stap 8: Tijd om te vliegen
Versnel Google Analytics
Sneller Lettertype Laden met OMGF
OMGF gebruiken
OMGF is heel gemakkelijk te gebruiken. Als je de video bekijkt, zie je dat het proces maximaal een minuut of twee duurt. Houd er rekening mee dat deze plug-in alleen voor Google Fonts is, en niet voor andere Typekit- of Adobe-lettertypen. Omdat de meeste commerciële thema's echter Google Fonts gebruiken, zou dit de enige plug-in moeten zijn die u nodig heeft.
Dus Doe ik dat?
Nadat je dat hebt gedaan heeft de plug-in geïnstalleerd, ga naar Instellingen / Google-lettertypen optimaliseren. Vervolgens klikt u letterlijk op 'Autodetect' om een lijst met Google Fonts te zien die door uw website worden gebruikt. Als u de standaardinstellingen wilt behouden, klikt u gewoon op Opslaan en dat is alles: de lettertypen worden gedownload en er wordt een nieuw CSS-bestand gemaakt om de Google Fonts te gebruiken.
Als u gebruikt Asset Cleanup Pro, ga daarheen en naar Instellingen / Google Fonts. Klik op het tabblad Geavanceerd en klik op de schakelaar om 'Alles verwijderen' te activeren. Hiermee worden alle externe oproepen naar Google gestopt wanneer lettertypen worden gebruikt.
In zeldzame gevallen kan dit nog steeds lettertypen kapot maken. Dit is wanneer een themakop specifiek een lettertype gebruikt en deze niet kan worden overschreven. In dit geval moet u mogelijk het headerbestand van uw themasjabloon bewerken, maar dit is niet zo gebruikelijk.
Hoe zit het met Voorladen?
Vooraf laden is bedoeld voor het laden van prioriteitslettertypen die boven de vouw worden gebruikt. Dit is doorgaans uw menulettertype en uw alineatekst. Het komt zelden voor dat u cursieve of speciale lettertypen vooraf moet laden, tenzij u deze gebruikt in sliders of in hero-afbeeldingen bovenaan de pagina. Voor uw prioriteitslettertypen vinkt u vooraf laden aan voordat u ze opslaat.
Als u niet zeker weet wat uw prioriteitslettertypen zijn, vink ze dan allemaal aan. Wis vervolgens uw cache en laad de pagina opnieuw in Google Chrome. Klik met de rechtermuisknop en klik vervolgens op 'inspecteren'. Als u een nieuwe waarschuwing krijgt (geel vakje met een uitroepteken), klikt u erop. Let op een waarschuwing dat u een lettertype vooraf laadt dat u niet nodig heeft. Noteer het lettertype en de letterdikte. Ga vervolgens terug naar de plug-ininstellingen en schakel de preload voor dat lettertype uit – en dat is alles!
Het vooraf laden van lettertypen kan ook 'FOUT'-problemen oplossen. Een goede tip is om altijd 'font-display: swap' te gebruiken wanneer je de instellingen hebt (dit is een optie in Asset Cleanup Pro). Dan zal de tekstflits wanneer uw website overschakelt van systeemlettertypen naar gestileerde lettertypen niet opvallen en veel beter scoren op Google Lighthouse.
OMGF – Bekijk de video
Met dank aan Scott From Certificaat Media Voor de video
Wat als het geen lettertypen detecteert?
OMGF is compatibel met bijna alle WordPress-websites, maar sommige installaties kunnen problematisch zijn. Als de lettertypen in eerste instantie niet worden weergegeven wanneer u ze analyseert, opent u eenvoudigweg uw website in een ander tabblad. Ga vervolgens terug naar de plug-in en klik opnieuw op analyseren. Deze keer zou er een lijst met lettertypen moeten verschijnen.
Klaar om verder te gaan?
Stap 8: Tijd om te vliegen
Versnel Google Analytics
Sneller Lettertype Bezig met laden
OMGF gebruiken
OMGF is heel gemakkelijk te gebruiken. Als je de video bekijkt, zie je dat het proces maximaal een minuut of twee duurt. Houd er rekening mee dat deze plug-in alleen voor Google Fonts is, en niet voor andere Typekit- of Adobe-lettertypen. Omdat de meeste commerciële thema's echter Google Fonts gebruiken, zou dit de enige plug-in moeten zijn die u nodig heeft.
Dus Doe ik dat?
Nadat je de plug-in hebt geïnstalleerd, ga je naar Instellingen / Google-lettertypen optimaliseren. Vervolgens klikt u letterlijk op 'Autodetect' om een lijst met Google Fonts te zien die door uw website worden gebruikt. Als u de standaardinstellingen wilt behouden, klikt u gewoon op Opslaan en dat is alles: de lettertypen worden gedownload en er wordt een nieuw CSS-bestand gemaakt om de Google Fonts te gebruiken.
Als u gebruikt Asset Cleanup Pro, ga daarheen en naar Instellingen / Google Fonts. Klik op het tabblad Geavanceerd en klik op de schakelaar om 'Alles verwijderen' te activeren. Hiermee worden alle externe oproepen naar Google gestopt wanneer lettertypen worden gebruikt.
In zeldzame gevallen kan dit nog steeds lettertypen kapot maken. Dit is wanneer een themakop specifiek een lettertype gebruikt en deze niet kan worden overschreven. In dit geval moet u mogelijk het headerbestand van uw themasjabloon bewerken, maar dit is niet zo gebruikelijk.
Hoe zit het met Voorladen?
Vooraf laden is bedoeld voor het laden van prioriteitslettertypen die boven de vouw worden gebruikt. Dit is doorgaans uw menulettertype en uw alineatekst. Het komt zelden voor dat u cursieve of speciale lettertypen vooraf moet laden, tenzij u deze gebruikt in sliders of in hero-afbeeldingen bovenaan de pagina. Voor uw prioriteitslettertypen vinkt u vooraf laden aan voordat u ze opslaat.
Als u niet zeker weet wat uw prioriteitslettertypen zijn, vink ze dan allemaal aan. Wis vervolgens uw cache en laad de pagina opnieuw in Google Chrome. Klik met de rechtermuisknop en klik vervolgens op 'inspecteren'. Als u een nieuwe waarschuwing krijgt (geel vakje met een uitroepteken), klikt u erop. Let op een waarschuwing dat u een lettertype vooraf laadt dat u niet nodig heeft. Noteer het lettertype en de letterdikte. Ga vervolgens terug naar de plug-ininstellingen en schakel de preload voor dat lettertype uit – en dat is alles!
Het vooraf laden van lettertypen kan ook 'FOUT'-problemen oplossen. Een goede tip is om altijd 'font-display: swap' te gebruiken wanneer je de instellingen hebt (dit is een optie in Asset Cleanup Pro). Dan zal de tekstflits wanneer uw website overschakelt van systeemlettertypen naar gestileerde lettertypen niet opvallen en veel beter scoren op Google Lighthouse.
OMGF – Bekijk de video
Met dank aan Scott From Certificaat Media Voor de video
Lettertypedetectie
OMGF is compatibel met bijna alle WordPress-websites, maar sommige installaties kunnen problematisch zijn. Als de lettertypen in eerste instantie niet worden weergegeven wanneer u ze analyseert, opent u eenvoudigweg uw website in een ander tabblad. Ga vervolgens terug naar de plug-in en klik opnieuw op analyseren. Deze keer zou er een lijst met lettertypen moeten verschijnen.
Klaar om verder te gaan?
Stap 8: Tijd om te vliegen
Versnel Google Analytics