Render-blocking

[micahz13]

Hello,

Need your help in order to optimize this issue from cornerstone, please see blow :

Fonts used by cornestone is blocking the render resources, don’t talk me about autoptimize or plugin like, i need your help to modify the harde code in order to fix this issue.

Thank in advance !

[christian]

Hey Michael,

I checked your site and the code that loads the font URL you showed us either:

1. comes from a 3rd party plugin
2. or, X/Pro Google Font modified by a 3rd party font optimization plugin

I could say that because the media attribute value of Cornerstone’s font is “all” while it’s “print” on your site. Cornerstone also has data-x-google-fonts as a link attribute. You can see the comparison in the screenshot below.

According the Lighthouse’s recommendation, a URL can only be flagged as render blocking if it does not have the media=“all” attribute=value combo. As pointed above, we have media=“all” and I don’t get a render-blocking error on my site for the Cornerstone Google Font.

For both of those cases, we could not provide theme support. And, we also do not provide any code modifications. We could only point you out to the file you need and the file that is responsible for loading Cornerstone font is class-font-manager.php which can be found in this path: \wp-content\plugins\cornerstone\includes\classes\styling.

Lastly, we understand the need for optimization, and X/Cornerstone/Pro out of the box would get flagged with render-blocking CSS but it’s the same as WordPress itself. It would be the user’s responsibility to optimize his/her website using 3rd party plugins. X/Cornerstone and Pro are already optimized but some optimizations that Lighthouse requires could not be done out of the box because the primary concern is loading the site properly.

Thank you for your understanding and I hope you can find a solution