Having a terrible time ordering the CSS Styles and Scripts in my header

[MyFairyTaleBooks]

Hi Guys,

I am having a terrible time trying to get the correct optimized (for speed, none blocking etc) order for loading my external css and JS.

I follow the recommendations from Google Page Speed or Chrome Audit and it seems no matter where I move the CSS file too (top or bottom) it complains about more blocking and stopping rendering of the page. My URL is http://www.MyFairyTaleBooks.com if some smart person out there could help me figure out what I am doing wrong and the order in which my should be organized I'd appreciate it!

Oh I'm not a developer but I can re-arrange text in a file!

Thank you!
Dinesh

[CrystalMHL]

Would you mind explaining to me how you are finding this information. What do I need to look for specifically? I'm having the same issues except there's 11 blocking script resources and 13 blocking CSS resources. I'm not finding too much information on searches (that I understand) nor do I understand Google's mod_pagespeed. Thank you very much. Sorry to highjack the forum. It was the only Q&A that came up in the Moz search.

[MyFairyTaleBooks]

Thank you seems to have cleared that one item up at least!

[LesleyPaone]

It seems fixed on my end, also the javascript problem is fixed too. Clear your cache and try, see this screenshot http://screencast.com/t/y93SDZScAR

[MyFairyTaleBooks]

Thanks! I did the move and it still complains, maybe it is the external justuno.com stuff that is really the problem?

[LesleyPaone]

Check it now, the editor bugged out.

[MyFairyTaleBooks]

Do not see anything

[LesleyPaone]

I did not notice this before, but it looks like you have a js error on your site. Try moving this

Right under this line

rel="shortcut icon" href="http://www.myfairytalebooks.com/product_images/favicon.ico?1370451016" />

[MyFairyTaleBooks]

Hi Sorry,

I miss-understood, I did what you suggested and it still complains this time about 2 blocking scripts and 1 blocking css

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

Your page has 2 blocking script resources and 1 blocking CSS resources.

Learn more

• Remove render-blocking JavaScript:
  • http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js
  • http://www.myfairytalebooks.com/content/scripts-fairy.js
• Optimize CSS delivery for the following resources:
  • http://www.myfairytalebooks.com/templates/__custom/Styles/styles.css

Thanks,
Dinesh

[LesleyPaone]

All of the css needs to be included before the first line of javascript, including inline javascript. That is why you would move that css up to where you deleted the two lines from.

[MyFairyTaleBooks]

Where do you suggest the actual CSS include happen at the very beginning or the very end of the

[LesleyPaone]

Try taking these two lines out

http-equiv="Content-Script-Type" content="text/javascript" />

http-equiv="Content-Style-Type" content="text/css" />

And moving this line to where they were

href="http://www.myfairytalebooks.com/templates/__custom/Styles/styles.css" media="all" type="text/css" rel="stylesheet" />