Eliminate render-blocking JavaScript and CSS

Site Pagespeed is too low - when I analyze site with Google PageSpeed Insights it comes a problem:

Eliminate render-blocking JavaScript and CSS in above-the-fold content
Your page has 2 blocking script resources and 2 blocking CSS resources. This causes a delay in rendering your page.
None of the above-the-fold content on your page could be rendered without waiting for the following resources to load. Try to defer or asynchronously load blocking resources, or inline the critical portions of those resources directly in the HTML.
Remove render-blocking JavaScript:
https://ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js
https://daks2k3a4ib2z.cloudfront.net/0globals/modernizr-2.7.1.js
Optimize CSS Delivery of the following:
https://daks2k3a4ib2z.cloudfront.net/…/transformers-show.webflow.57e5b9378.css
http://fonts.googleapis.com/…00,600italic,700,700italic,800,800italic

What should I do with it?

My link - https://preview.webflow.com/preview/transformers-show?preview=c51344e9f70afab175ddea7008f43c85

1 Like

You cannot do anything about this at the moment except to remove all custom fonts from your project. This will remove the webfont.js file.

This problem isn’t going away, as JavaScript is needed by Webflow to load custom web fonts, and tools like modernizr.js to make your site and Webflow components work in all the different browsers.

This topic has also been extensively discussed on Webflow forums. Please see this following thread and continue the discussion there:

1 Like

This question has already been asked multiple times on this forum.

Please start by reading these topics:

Here is an explanation about PageSpeed from Webflow’s CTO:

Cleanup pagespeed search results