How to Optimize CSS & Fonts in my webflow project?

Hi,

When I am optimizing my website it shows “Eliminate render-blocking resources” as an error in Google PageSpeed Insights.

And I am using only two Custom Google fonts on my website but it is showing many fonts while optimizing in Google Page Speed insights.

How can I eliminate these errors?

Read-only link:-
https://preview.webflow.com/preview/venkateshs-first-project-8b7640?utm_medium=preview_link&utm_source=designer&utm_content=venkateshs-first-project-8b7640&preview=06b3a12434d859152ccd7ae979581c92&pageId=5fae878e368af16ae08e8441&mode=preview

Hi Venkatesh,

It’s maybe too late, but I want to leave the answer anyways here for other users.

To eliminate the webfont.js error in Page Speed Insights I simply uploaded the fonts manually. Try to only upload the exact weights you need. After doing that, you should return to the designer, change the fonts to the manually updated font and after checking that everything looks the same, you can proceed to deactivate the Google Font in Webflows Font panel.

Hope that helps.
Cheers!