Long time loading font

[Birgitte]

Hej,

I use Oxygen Builder and Use Any Font to upload custom fonts.
In the accordion, that I am using on the page, the titles are loading very slow.
If I set the font display property to “auto”, you can see that another font is loaded first and then changed to the font I want (Kaisei Tokumin).
If I set the font display property to “block”, you can see nothing for 2, 3 seconds until the font is loaded.
I played with the settings for hours:
1. Assign the global fonts in the Oxygen Builder itself and NOT in the Plugin Use any fonts.
2. Assign the fonts in the Plugin Use any fonts and NOT in the Oxygen Builder.
3. Assign the fonts in the Plugin Use any fonts AND in the Oxygen Builder.

Nothing helps. There is always a long gap until my desired font is displayed.
Are there any settings I missed?
Hopefully,
Birgitte

[Birgitte]

The link is: https://www.drvossen.de

[Dinesh]

Hi Birgitte,

Thank you for reaching out! Based on your description, the issue seems to be related to the long load times for the font file and the server performance. Here’s a detailed response:

Observations:
Font File Size: The font you mentioned, Kaisei Tokumin, is around 2 MB, which is quite large for web use. This significantly impacts the loading time.
Server Response Time: The total load time of 49 seconds for the page suggests that the server may be slow in handling requests.

Recommendations:

Optimize Font File:
Use a lighter version of the font if available, or subset the font to include only the characters you need.

Improve Server Performance:
Check with your hosting provider to optimize server response times. Consider upgrading your hosting plan if necessary.
Implement caching mechanisms like server-side caching or plugins such as WP Rocket to reduce overall load time.

Font Display Property:
Instead of block, try font-display: swap;. This ensures that a fallback font is displayed until your custom font loads.

Combine and Minify Resources:
Use plugins like Autoptimize to combine and minify CSS and JS files, which can improve loading times.

Best regards,
Dinesh

[Author]

Posts