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
-
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 -
Impact of keyword/keyphrases density on header/footer
Hi, It might be a stupid question but I prefer to clear things out if it's not a problem: Today I've seen a website where visitors are prompted no less than 5 times per page to "call [their] consultants".
On-Page Optimization | | GhillC
This appears twice on the header, once on the side bar (mouse over pop up), once in the body of most of the pages and once in the footer. So obviously, besides the body of the pages, it appears at least 4 times on every single pages as it's part of the website template. In the past, I never really wondered re the menu, the footer etc as it's usually not hammering the same stuff repeatedly everywhere. Anyway, I then had a look at their blog and, given the average length of their articles, the keyword density around these prompts is about 0.5% to 0.8% for each page. This is huge! So basically my question is as follow: is Google's algorithm smart enough to understand what this is and make abstraction of this "content" to focus on the body of the pages (probably simply focusing on the tags)? Or does it send wrong signals and confuse search engine more than anything else? Reading stuff such as this, I wonder how does it work when this is not navigational or links elements. Thanks,
G Note: I’m purposely not speaking about the UX which is obviously impacted by such a hammering process.0 -
Is Wix still terrible for SEO?
In Australia, I hear it over and over again that Wix is literally the worst site builder you can use due to it's poor site build for SEO. Has anyone here got some tangible reasons for why this is? As I am constantly getting asked this by clients who are using Wix and want me to help with their SEO.
On-Page Optimization | | UndergrndMarketing0 -
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 -
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 -
Anyone available to hire part time for SEO services?
I have a website (http://www.tbreak.ae) that does tech news and reviews and is based out of the Middle East. I would love to learn more about SEO and do the best job but I just don't have the time. I was thus wondering is there is anyone available that can spend about an hour on my site every day optimising content. I don't know if posting such as offer is allowed or not either but if it is, and if you are interested, then please get back to me on how much it would cost.
On-Page Optimization | | tbreak0 -
Webpages load times and godaddy shared hosting vs. others
Has anyone gone from shared hosting godaddy to either virtual or dedicated with godaddy or even another provider and noticed faster load times without changing anything on your site. Any recommendations on hosting providers?
On-Page Optimization | | cbielich0 -
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