Preloading Divi's icon fonts can significantly enhance your website's performance by ensuring icons load quickly and smoothly. This proactive step helps improve page load times and provides a better user experience, especially for visitors using slower connections.
Sometimes, you may have an issue with the Icon font taking a little bit more time to load.
This can result in weird numbers and symbols showing for a few seconds while the page is loading instead of the actual icons.
Using services such as Google Page Speed Insights you might see a report regarding the Preload key requests issue and recommending adding preload for modules.ttf file:
To fix this, you can add preload to the icons font file following these steps:
Log in to your WordPress Dashboard
Go to Divi โ Theme Option โ Integration tab โ Header
Add the following HTML code:
<link rel="preload" as="font" href="https://yoursite.com/wp-content/themes/Divi/core/admin/fonts/modules.ttf" type="font/ttf" crossorigin="anonymous">
In the above code, change https://yoursite.com with your main site home page URL.