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
-
My site takes a lot of time to index On SERP
Hello great Moz contributors, I'm working on a 4-months-old site https://www.voxlyrics.com/, which I didn't see improvement after the Google December core update. What I'm facing right now is that my newly published posts take a lot of time to index on Google search results and it affecting my performance. While my competitor's sites index in less than a minute. I could've used the Google index tool which they removed a few months ago assumed they bring the feature back. Meanwhile, my site passed web.dev test perfect what happens very rarely. Is there any other thing needed to be done so that my posts will be indexing in less than a minute? Any help will be appreciated!
On-Page Optimization | | mmesoma0 -
H1 text and Header Image Overlap?
I have images with text at the top of every page on my site. But no H1 or H tags at all. I would like the text on the image to be my H1 text. But I don't want to be repetitive. What should I do?
On-Page Optimization | | Calligraphy0 -
Url shows up in "Inurl' but not when using time parameters
Hey everybody, I have been testing the Inurl: feature of Google to try and gauge how long ago Google indexed our page. SO, this brings my question. If we run inurl:https://mysite.com all of our domains show up. If we run inurl:https://mysite.com/specialpage the domain shows up as being indexed If I use the "&as_qdr=y15" string to the URL, https://mysite.com/specialpage does not show up. Does anybody have any experience with this? Also on the same note when I look at how many pages Google has indexed it is about half of the pages we see on our backend/sitemap. Any thoughts would be appreciated. TY!
On-Page Optimization | | HashtagHustler1 -
Async JavaScript page load times affect on ranking.
Our company plan to use in our product page a live chat support app. But I concern about the page load time. The script is loading asynchronous and in the inner tests increase the average page load time with around one sec. Previously the load time was between 2.5-3.3 sec after the chat support increased to 3.8-5 sec, but sometimes there was extreme +10 sec worse results. My question is how much can this impact to our search engine rankings?
On-Page Optimization | | laszlo_muhi0 -
SOS - I have done a terrible mistake: How can I make it up?
Two weeks ago i changed the urls on our website, without redirecting the old ones. This has led to a dramatic drop in ranking. What should i do: redirect the old pages and keep the new ones Change the urls back to the original ones Which of these to methods will result in best ranking? Maia
On-Page Optimization | | MaiaHaaland0 -
Crosslinking Question - Footer or Header?
We own 9 fashion blogs that focus on different niches. We have Your Next Shoes focusing on shoes, Your Next Dress focusing on dresses, Your Next Handbag focusing on handbags, and so on. Previously we had links in the blog header to the other sister sites. Your Next Shoes had text links to its 8 sister sites, and so on. However, we were told that this could cause a cross-linking penalty, so we removed these links. My understanding now is that the advice we were given is not necessarily correct. We think it is useful for our visitors to see that we also operate other blogs, so we are thinking of adding back the links - this time to our footer. Basically I am looking for advise on the best way to go about this.
On-Page Optimization | | Jantaro0 -
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 -
How many times to use keyword
So if I have my main site, blog and article directory section, can I use keyword in all three places, but obviously different, unique content? And if so, can I link them to make it even more powerful?
On-Page Optimization | | azguy0