Having a terrible time ordering the CSS Styles and Scripts in my header
-
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 -
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.
-
Thank you seems to have cleared that one item up at least!
-
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
-
Thanks! I did the move and it still complains, maybe it is the external justuno.com stuff that is really the problem?
-
Check it now, the editor bugged out.
-
Do not see anything
-
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" />
-
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:
- Optimize CSS delivery for the following resources:
Thanks,
Dinesh -
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.
-
Where do you suggest the actual CSS include happen at the very beginning or the very end of the
-
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" />
Got a burning SEO question?
Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.
Browse Questions
Explore more categories
-
Moz Tools
Chat with the community about the Moz tools.
-
SEO Tactics
Discuss the SEO process with fellow marketers
-
Community
Discuss industry events, jobs, and news!
-
Digital Marketing
Chat about tactics outside of SEO
-
Research & Trends
Dive into research and trends in the search industry.
-
Support
Connect on product support and feature requests.
Related Questions
-
Any scripts for automated interlinking of sites?
I have heard about similar plugins for Wordpress, but I need something like this to run on all kind of sites, no matter the CSM. Are there universal scripts capable of doing automatic interlinking of pages to rise their weight for SEO purposes? Could you share links to such scripts/sites?
On-Page Optimization | | poiseo0 -
Html and css errors - what do SE spiders do if they come across coding errors? Do they stop crawling the rest of the code below the error
I have a client who uses a template to build their websites (no problem with that) when I ran the site through w3c validator it threw up a number of errors, most of which where minor eg missing close tags and I suggested they fix them before I start their off site SEO campaigns. When I spoke to their web designer about the issues I was told that some of the errors where "just how its done" So if that's the case, but the validator still registers the error, do the SE spiders ignore them and move on, or does it penalize the site in some way?
On-Page Optimization | | pab10 -
Reducing the site's header to get more content Above the Fold
The user bizzer posted the following question on the post (http://www.seomoz.org/blog/guide-to-ads😞 "I've got my above the fold area very light on advertising since Panda. But reading #4 about the "template" makes me wonder if I should go further and reduce the height of my header area and maybe even remove one of my two sidebars, so as to increase the content-to-template ratio above the fold. Make sense?" What do you think?
On-Page Optimization | | rpedri0 -
Is It better to have a blogroll style Homepage to your website? or one main post?
Does a site rank better or is it better to have a blogroll style homepage linking to all of your other post in your website. Or is it better to have one homepage post for the main keyword theme of the website, with the other post titles in a side column?
On-Page Optimization | | nyphenom0 -
Slow page load times from asynchronous javascript
Our analytics are showing that our homepage takes, on average, ~14 seconds to load. All of the content on the page loads fairly quickly, while it takes a few seconds to load the social media stuff (which is mostly asynchronous javascript that is running in the background). The question is this: Does Her-Magesty-Google take into account the amount of time it takes to load everything, including the social media stuff from asynchronous javascript? Or does Google see that the content loads fairly quickly and doesn't ding me for the js that is running in the background?
On-Page Optimization | | ibfx0 -
How much does page load time affect SERPS?
I've been digging through SEOMoz and couldn't find a straight answer to this, so I thought I'd ask here. How important is page load time to Google and your SERPS position? If you're answering, I'd also love to know 1) how you know that your answer is correct and 2) if you've personally seen a webmaster improve his page load time and subsequently his position in the SERPS.
On-Page Optimization | | Cairmen0 -
Time taken for inclusion in index
After a page is crawled, how much time does it take to be included in Google's index ? Immediately ? after few days ?
On-Page Optimization | | seoug_20050 -
Meta refresh and java script
I am getting a page nt accessible to search engines error and I believe the reason is that the meta refresh is using a java script reference in the url. meta-refresh: 0;URL=http://mastermindtoys.com/store/nojavascript.html is it possible to tell the robot to use the java script or turn it off or something? or should the meta refresh be changed?
On-Page Optimization | | mastermindtoys0