I own a WordPress site and I am trying to improve my PageSpeed Insights score. The only "Red" item I have says "Eliminate render-blocking JavaScript and CSS in above-the-fold content"

Render Blocking Examples





Optimize CSS







The above are just some examples. What changes can/should I make to my website to solve this problem?

I have Mod Pagespeed installed so I think that's why some of the URL paths are strange.

closed as too broad by dan Jan 17 '17 at 6:05

Please edit the question to limit it to a specific problem with enough detail to identify an adequate answer. Avoid asking multiple distinct questions at once. See the How to Ask page for help clarifying this question. If this question can be reworded to fit the rules in the help center, please edit the question.

  • Are you using any cache plugin? If not, then try one. – Fayaz Jan 17 '17 at 6:03
  • This is really to broad to answer specifically. Here's Google's guides on how to Remove Render-Blocking JavaScript and for CSS. There are also tutorials you can search for that are specific to WordPress plugins that might help, depending your site's specific plugins/code, like this one. – dan Jan 17 '17 at 6:11
  • You should note that many sites also get this suggestion/warning though, including Google's own AngularJS site, so I wouldn't be overly concerned if that's above your abilities to resolve on your own. – dan Jan 17 '17 at 6:32
  • Above the fold content should rely on inline css and html. Importing any external css or js will cause render blocking. – Vikas Avnish Jan 17 '17 at 6:46