Preloading fonts to make them load faster - any way to do it in WYSIWYG builder?

GNP · Post by **GNP** » Sat Mar 29, 2025 1:06 pm

Hi,

I've been googling ways to be able to preload my site fonts, so that they load faster. Currently, everytime I load my site online, the fonts take a split second to swap into the ones I want. I'd like to reduce that as much as possible.

Is there any extension or a way to do this in the builder? I've already tried to insert manual code in the <head> tags, but the problem still persists.

Any help would be much appreciated. Thanks.

Post by **Pablo** » Sat Mar 29, 2025 3:03 pm

I am not aware of any code that can make fonts load faster. Fonts are already loaded in the head section of the page before everything else.
What type of code are you trying to add to load them faster?

GNP · Post by **GNP** » Sun Mar 30, 2025 2:58 am

I found several suggestions to use this code:

<link rel="preload" href="https://example.com/fonts/myfont.woff2" as="font" type="font/woff2" crossorigin>

I've already implemented this in the head tags to all the fonts that belong to the very first text that shows up on my site. Still no go.

Post by **Pablo** » Sun Mar 30, 2025 6:56 am

I could not find any official documentation for this.
Did you get this information from a reliable source?

Note: if it works in other tools then the code will also work in WWB.

BaconFries · Post by **BaconFries** » Sun Mar 30, 2025 7:17 am

@Pablo maybe this will help from webdev it shows an example almost identical to the one written by the OP. It could be outdated as this was written in 2018.
Preloading Web fonts

GNP · Post by **GNP** » Sun Mar 30, 2025 9:02 am

Hmm well either way the code isn't working.

So now I'm trying to look at the option of "optimizing" the fonts. Sort of a way to "compress" them to make them smaller in size, hence faster loading.

I'll update this as I go along, I guess.

Post by **Pablo** » Sun Mar 30, 2025 9:14 am

Thanks for the link.

However, I would prefer official documentation otherwise, many times these are just 'hacks' that only work for a short period of time or have side effects on other browsers.

GNP · Post by **GNP** » Sun Mar 30, 2025 11:00 am

Welp, looks like compressing the fonts didn't prove much improvement either.

Looks like I'll just have to let this one go.

Bluesman · Post by **Bluesman** » Sun Mar 30, 2025 11:18 am

GNP wrote: Sun Mar 30, 2025 11:00 am Welp, looks like compressing the fonts didn't prove much improvement either.

Looks like I'll just have to let this one go.

Hi GNP. Maybe there are other ways to improve the speed...? You did not mention which font technique you are using. Google fonts, @font-face or web safe fonts? For example when using Google Fonts you always have to consider the connection and bandwidth to the Google server. The @font-face are loaded from your own host so is faster. But it also depends how many fonts you are using. Web safe fonts is another deal that works a little different...

www.wysiwygwebbuilder.com

Preloading fonts to make them load faster - any way to do it in WYSIWYG builder?

Preloading fonts to make them load faster - any way to do it in WYSIWYG builder?

Re: Preloading fonts to make them load faster - any way to do it in WYSIWYG builder?

Re: Preloading fonts to make them load faster - any way to do it in WYSIWYG builder?

Re: Preloading fonts to make them load faster - any way to do it in WYSIWYG builder?

Re: Preloading fonts to make them load faster - any way to do it in WYSIWYG builder?

Re: Preloading fonts to make them load faster - any way to do it in WYSIWYG builder?

Re: Preloading fonts to make them load faster - any way to do it in WYSIWYG builder?

Re: Preloading fonts to make them load faster - any way to do it in WYSIWYG builder?

Re: Preloading fonts to make them load faster - any way to do it in WYSIWYG builder?