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
-
True or False? Having your phone number in the header of your nav bar is good for SEO?
I have been told by a a few different SEO and Marketing Agency friends that by putting your address and phone number in the top section of your navbar is great for SEO. Does this myth have any merit or is it just misguided? Tksac28
On-Page Optimization | | UndergrndMarketing0 -
SEO HTML: Header tags
A few of quick SEO questions regarding header tags: More than one tag per page. If there is more than one tag on a page: are both taken into consideration and what if they contain the same keyword? Eg on the page: http://en.emilea.be/childrens-clothes/molo/boys/cardigans-and-sweaters/ MoloBoysCardigans & sweaters ... Molo childrens clothes Is the 2nd considered when indexing the page? Since both tags contain the same keyword (but in different context) is this a SEO plus or minus? Nested tags inside header tags. I presume the nested tags are omitted, but if there is no white space between the tags are these concatenated? <span tag='molo'>Molo<span tag='boys'>Boys<span tag='cardigans-and-sweaters'>Cardigans & sweaters</span tag='cardigans-and-sweaters'></span tag='boys'></span tag='molo'> How is the above header processed? MoloBoysCardigans & sweaters
On-Page Optimization | | Webxtrakt
or
2) Molo Boys Cardigans & sweaters Order of header tags.
How important is the order of header tags and how do they influence the following content. F.ex. if the top part of the page contains multiple tags and the middle part contains 1-2 tags. Does this affect the importance of the tags and would it be better to use tags above? Thanks in advance.0 -
Is it better to put all your CSS in 1 file or is it no problem to use 10 files or more like on most frameworks?
Is it better to put all your CSS in 1 file or is it no problem to use 10 files or more like on most frameworks?
On-Page Optimization | | conversal0 -
Multi-Site SEO using Host Headers
Hi - I'm working on a proposal for a client who runs 3 different career websites. He uses "host headers" to direct the website visitor to the correct website. For example, if the visitor comes from Washington he goes to one url. If he is in Kansas, he goes to another URL. Does anyone have any experience doing SEO with this type of system? What do I need to know? What are hurdles I'll encounter? Thanks, -Hunter
On-Page Optimization | | HunterW0 -
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 -
Has anyone ever attempted (successfully or not) to consciously reduce their amount of homepage links in order to improve their search engine rankings?
I work for a retail company that is highly segmented. We have a lot of categories to cover the types of merchandise we offer on our home page, and way more than the recommended # of links on our homepage because of it. Has anyone ever attempted (successfully or not) to consciously reduce their amount of links (and categories) in order to improve their search engine rankings? If so, can you walk through your process and your advice on whether or not reducing links on a site like mine is a good idea?
On-Page Optimization | | reallygoodstuff0 -
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 -
How can I reduce my webpage load time?
According to google 'On average, pages in your site take 4.6 seconds to load (updated on Apr 3, 2011). This is slower than 71% of sites. These estimates are of low accuracy (fewer than 100 data points). The chart below shows how your site's average page load time has changed over the last few months. For your reference, it also shows the 20th percentile value across all sites, separating slow and fast load times.' My website: http://ablemagazine.co.uk I've installed Cache plugins, Minify plugins, reduce the amount of posts on my main page. But my website is still taking too long to load and I'm afraid I'm being penalised for it. Any tips?
On-Page Optimization | | craven220