Font files + preloading

Hi TagDiv, I have some queries…

Is there a known fix for the issues on the screenshot, mainly concerning the font files (ex. can we add “font-display: swap;”).

Here are the links to the files in question:
1. https://www.total-motorsport.com/wp-content/plugins/td-composer/assets/fonts/font-awesome/fontawesome-webfont.eot
2. https://www.total-motorsport.com/wp-content/plugins/td-composer/mobile/images/icons/mobile-theme.eot?16

1. https://www.total-motorsport.com/wp-content/plugins/td-composer/mobile/images/icons/mobile-theme.eot?16
2. https://www.total-motorsport.com/wp-content/plugins/td-composer/mobile/images/icons/mobile-theme.woff?16

Screenshot = https://ibb.co/qWw4XjV

Additional resources:

Efficient cache policy:
https://developer.chrome.com/docs/lighthouse/performance/uses-long-cache-ttl/?utm_source=lighthouse&utm_medium=lr

Learn more about font-display:
https://developer.chrome.com/docs/lighthouse/performance/font-display/?utm_source=lighthouse&utm_medium=lr

Also, the element ‘Big Grid Flex 3’, doesn’t allow content preloading as the other block elements. I provided screenshots as examples.

Screenshot 1 = https://ibb.co/Xt54GWJ
Screenshot 2 = https://ibb.co/HTddz3M

Is there a known way of preloading this grid and its elements?

Thanks in advance

Thanks for that @Bettina, in relation to the above query.

There are certain files that are being loaded before the first contentful picture. Those include fonts, javascripts and other images, all with high server wait time.

To fix this I need to find a way to load the important elements first. Do you know how I can do this within the theme?

Hi @bettina

Where should I expect to find the @font-face for these files:

https://www.total-motorsport.com/wp-content/plugins/td-composer/mobile/images/icons/mobile-theme.eot?16
https://www.total-motorsport.com/wp-content/plugins/td-composer/mobile/images/icons/mobile-theme.woff?16