Eliminate external render-blocking Javascript and CSS in above-the-fold content

So what’s your question/problem exactly?

I figured out blocking javascript but im getting this message:

Your page has 2 blocking CSS resources. This causes a delay in rendering your page.
Approximately 65% 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.

Optimize CSS Delivery of the following:
https://www.coolestcoolgadgets.com/…12eGhq1EXLR2HsFO9E6aL7A3cRlNZIkU6NNw.css
https://fonts.googleapis.com/…00|Alex+Brush:400&subset=latin,latin-ext

Also my html is taking up 50% of the load time according to pingdom.com and it needs to be at more like 10%. How do I fix this? Also server load time is not that great could this be due to the fact that I use ipage for hosting?

So you want your Google font to be loading after your main stylesheet? Is that the issue?

Man this is like a foreign language to me. I have no idea, I just know that in Google speed test my scores need to improve and my site was taking 7-8 seconds to load, now its at like 20 seconds and my stats have dropped since yesterday. It’s an e commerce site. Google gave me the warning above. I have no idea what the message above really means. When checking my stats in pingdom, most of the load time was spent loading my html files. If loading my Google font after main style sheet will kill this problem then, yes that is what I want to do. But I have no idea what that is. I am sorry for being such a noob. I have soaked in so much info in the last 2 months (which before then, i knew nothing about designing websites) it would make anyone’s head hurt.

I usually Google my issues but this one seems to have no answer.

Also could slow load time and variations in scores in google speed test be attributed to my hosting provider?

The whole “Eliminate external render-blocking Javascript and CSS in above-the-fold content” search-engine jargon is not going to help you improve your page load. It’s just saying that when someone loads your website they might see your website unstyled for a brief time before your website has completely loaded.

When you said the results were saying this:

Optimize CSS Delivery of the following:
https://www.coolestcoolgadgets.com/…12eGhq1EXLR2HsFO9E6aL7A3cRlNZIkU6NNw.css
https://fonts.googleapis.com/…00|Alex+Brush:400&subset=latin,latin-ext

That file that Google is complaining about actually lives on Google. It’s Google’s font. You’re loading a font, which is actually a CSS stylesheet, from Google and then Google’s complaining to you that it’s taking too long to load.

Could you link your site? There are other, better tools that can help you figure out what’s slow on your site.

Also could slow load time and variations in scores in google speed test be attributed to my hosting provider?

Yes, you can’t actually test your website’s pageload reliably in a way you can replicate it every time because of this variation from your hosting providers.

Could you link your site? There are other, better tools that can help you figure out what’s slow on your site.

What do you mean link my site? The URL is https://www.coolestcoolgadgets.com

That file that Google is complaining about actually lives on Google. It’s Google’s font. You’re loading a font, which is actually a CSS stylesheet, from Google and then Google’s complaining to you that it’s taking too long to load.

Could you help me out by explaining how I could fix this?

It doesn’t look like you’re using a theme we support so we can’t really help with that font issue, sorry.