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" />
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
-
Unused CSS Tool Recomendations
Hey moz, Im currently converting my site to mobile as its an older template based on tables it will make a lot of CSS redundant. I cant delete as i go incase a page uses it im unaware of so need to clean it up when its done. Is there a tool that crawls my entire website and highlights the unused CSS in the files? Ive found a few paying tools that claim to do so but am reluctant to just spend money on something without a recommendation. Cheers!
On-Page Optimization | | ATP1 -
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 -
"Heading 1" vs. "Title" Style for SEO
In Word, you can specify "Heading 1" text which Google presumably treats the same as an HTML tag. Is there any benefit in using the "Title" style? Is it the equivalent of a web page's title?
On-Page Optimization | | BlueLinkERP0 -
Trying to SEO a site that used Header Tags for Design
I am trying to SEO a website that was built years ago and uses Header tags for design. The site must have 25 and tags used for design purpose. Is there any way to work around this problem? Perhaps a code that tells Google to ignore these as Headers? The web designers say that they are looking to fix the problem sometime this summer but you never know if that means it a month away or years away. I really want to help this website but I believe that the Header tags are one of the reasons that his site does not show in the top 100 rankings for any keywords. Any help would be great. www.wallybuysell.com Chris.K
On-Page Optimization | | CKerr0 -
How many times should a word appear in an article?
Hi My site is maily about growing fruit and vegetables and was badly hit after the September Panda update. Each page is about one type of fruit or vegetable and discusses how to grow that particular plant. Each page targets two keyword phrases, "growing abc" and "how to grow abc" so e.g. "Growing garlic: a guide on how to grow garlic" would be the page title and then the two phrases used a couple of times on each page. However the plant, in the above example "garlic" can appear upto 30 or 40 times per page, also the phrases "how to grow" and "growing" will appear on just about every page, would these facts be hurting my overall site rankings? Many Thanks Simon
On-Page Optimization | | spes1230 -
Time on Site vs Bounce Rate Question
If you follow my questions here on SEOMoz, you know that we have quite a few issues with a particular site. http://bit.ly/RE8V2a Our bounce rate was over 85% for quite some time. We changed the site template and the Bounce Rate has dropped to around 5%, but the Time on Site has dropped dramatically. We were just over two minutes, now we're averaging 1:34. But here's the thing, time spent on the Home Page is averaging 24 seconds! What would you take away from this? Thanks so much!
On-Page Optimization | | Linwright0 -
Will google see you bold/emphasis words if done in css?
We do not use header tags in our website. I understand bolding or emphsising words can be equally as effective but if done so in css will the google crawlers and spiders etc be able to put a weighted value on this style of code???
On-Page Optimization | | gsbureau0