So Elegant Themes has addressed this issue and this is the fix: 1. Go to WordPress Dashboard > Divi > Theme options > Integration > <head> section, add this line of code: 2. <link rel="preload" as="font" href="https://yoursite.com/wp-content/themes/Divi/core/admin/fonts/modules.ttf" type="font/ttf" crossorigin="anonymous"> 3. In the above code, change “https://yoursite.com” to your main site home page URL.
Please explain exactly which issue this code will address. Reaching out due to the fact that after the latest updates, the module.ttf issue has returned and Web Page Test is, once again, reporting Use gzip compression for transferring compressable responses: 85/100Learn More 358.3 KB total in compressible text, target size = 304.3 KB - potential savings = 54.1 KB FAILED - (90.6 KB, compressed = 36.6 KB - savings of 54.1 KB) - https://www.personaldronerepair.com/wp-content/themes/Divi/core/admin/fonts/modules.ttf The woff2 conversion mentioned at the beginning of this post is still in place and functioning. I have converted the new module.ttf file to woff2 in an attempt to speed up the loading times. No cigar. Kinda baffled and playing catch up. Do you believe that the code above will cure this particular issue? Thank You !
Any updates? I have been trying this solution for hours and have no success. I was able to do it back in 2020 just a few months ago. I updated my site and need to do it again but I can't I have seen solutions from Elegant themes but often times they ignore the issue and say "it doesn't affect speed," Their other solution is to simply add (see below) to the header. But it does not work. <link rel="preload" as="font" href="https://yoursite.com/wp-content/themes/Divi/core/admin/fonts/modules.ttf" type="font/ttf" crossorigin="anonymous"> UPDATE! Seems like with the latest version of Divi, it automatically preloads!
Hey Michael! According to https://lighthouse-dot-webdotdevsite.appspot.com//lh/html?url=https://www.personaldronerepair.com/ you don´t even have an issue with the TTF file. When looking at you CSS its not declared in the CSS. https://www.personaldronerepair.com/wp-content/cache/wpfc-minified/kp261i24/6h80u.css But you are pre-loadning it in the header. Try to change the preload to prefetch instead. (Message in Chrome dev tools: "The resource https://www.personaldronerepair.com/wp-content/themes/Divi/core/admin/fonts/modules.ttf was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.") You have pretty good scores on the webb site already but I would recommend you to: 1. Optimize images even more. Maybe add shortpixel and convert them to WebP? Or manually optimize them through Googles https://squoosh.app/ and upload again. 2. Remove Unused CSS. Yes, this is the curse of DIVI unfortunately. According to Chrome Dev Tools Coverage info your CSS have 95% UNused CSS loaded on page. I used purifycss.online and A Chrome extension for unused css. I made a post on it here https://wordpress.org/support/topic/a-must-have-407/#post-13412466
Thank you for the reply! This information is highly appreciated! I will get on top of the recommendations. Thank you once again for the time in and the pro tips! https://www.personaldronerepair.com
Thank you Michael! I know the frustration and hurdles you and many DIVI users are dealing with. And now with Googles "Fast Page" label is even MORE important then ever to adapt to the web vitals needed. https://www.theverge.com/2020/8/17/21372335/chrome-android-search-labels-google So the slower the mobile web experience will affect the search rank according to Google. In the case of your site its not that many tasks to fix. Its only about 700kb according to GTmetrix (https://gtmetrix.com/reports/www.personaldronerepair.com/QNFqZEV6/) The hardest thing, for me anyway, was the case of 'Unused JS' and third party JS. Check Flying Script - https://wordpress.org/plugins/flying-scripts/ that made a lot of difference with loading JS scripts. And if you look at the images I tested to fix one in squoosh.app and got a 44% reduction on size https://snipboard.io/ZmS7WP.jpg So I would suggest you to start with images and Unused CSS first on a staging page to test, try and measure. If you don´t have a child theme it would be good to create one so your work doesn't get overwritten the next time you update DIVI. I'm sure you will se improvements very quickly. Good luck!
Hello there! It's me.....again. My site has been loading great due to your last efforts and advice. Unfortunately the Divi Update Monster has bitten me.......again......ugggh! According to Web Page Test, my site is now loading the converted woff2 file and a new .ttfmodule. Once again, unable to compress the ttf.module......scratching head furiously! I have taken the new ttf.module and converted it to woff2 with no success. Reaching out to you in hopes that you have overcome this issue and would be willing to share the solution. No offense to the Divi team but I am now looking to shed this theme and begin using the Astra theme. I need a theme that improves with the updates....at least once or twice.......sheeesh! Thank You !!