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
-
Static content pages ranking dropping all the time
Hello all. I have been working three months in my current job in the hotel industry. I have been publishing a lot of content to our website (mainly articles), which in general have been ranking well and really boosted our website traffic. The problem that I am facing, though, is the fact that our static pages' rankings are basically constantly dropping. Especially one of our main pages, which is this hotel page. I haven't been doing any real changes to the content, but the ranking (with keywords "hotelli helsinki" [Hotel in Helsinki in Finnish]) has plummeted from 13th position all the way down to 19th... What has been happening during these last three months is that we did change to a new domain and we have done all the redirections and also informed Google about this change through search console. I have also done some minor changes to the on-page content, such as changing the meta titles and descriptions as well as the page title and some of the text content to more natural ones instead of clumsy SEO texts and optimizing the images. This hasn't helped at all though and the rankings seem to steadily drop all the time. What would YOU do with this page? Maybe add more text content to the page to be more informative? All tips would be highly appreciated.
On-Page Optimization | | haapalatuomas0 -
Content that's behind CSS..
For content that's been loaded onto the page.. but it requires a click for it to be revealed.. as in a slider, or a tab, to save space or for a page's organization.. what are your thoughts on Google counting or weighting this content? It would make sense for Google to give it partial or no weighting as if Google attributes the content to being there, its confusion for the user to land on the page and have to find it/click around to find it.. Sorry if this is an obvious question to SEOs.. I've always assumed as long as it was loaded, it'd be mostly counted.. but I'm beginning to doubt my assumption. Thanks!
On-Page Optimization | | speedcommerce0 -
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 -
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 -
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 to "on page" seo a small local service business - particularly headers
First off, let me apologize if this question is posted elsewhere, worded differently. I've looked around quite a bit and have been unable to find the answer. Basically, we are a small web design firm just getting our feet with with SEO. Most of our clients, especially initially, will be quite small, local, service businesses. For example: and electrician, a pet sitter, a retail printing and map store, a surgeon etc. Almost all of their sites will follow a basic "business card on the web" format... Home Page - About Us - Testimonials - Rates - FAQ - Contact Us - Etc So, from what I've read about on-page optimization, making sure my keywords are in the title, header, body, and meta description is one of the easiest and quickest things we can do for our clients. This is a straightforward concept for me when applied to the homepage. For example, take the local pet sitting business. Her keywords are: Pet sitting, Dog walking, and the city we live in, Anytown USA. So, I've used those keywords in all the appropriate places on the home page: title: Dog Walking and Pet Sitting Service in Anytown USA header: Dog Walking and Pet Sitting Service in Anytown USA first sentence of body: We are a professional Dog Walking and Pet Sitting Service in Anytown USA meta description: We are a professional Dog Walking and Pet Sitting Service in Anytown USA. At Business Name your furry friends become a part of our family. So, my question is: Do I also optimize the "about us" page? I've changed the title of all the pages to follow this format: Dog Walking and Pet Sitting in Anytown USA - Home Dog Walking and Pet Sitting in Anytown USA - About Us Dog Walking and Pet Sitting in Anytown USA - Rates Dog Walking and Pet Sitting in Anytown USA - FAQ Dog Walking and Pet Sitting in Anytown USA - Etc Easy enough so far. Also pretty easy for the meta description, and the body. However, how would I add keywords to the header without making it look ridiculous? We use wordpress with the genesis framework, and child themes from studiopress. The header is always prominently visible at the top of the page. Most people would expect to see the header be the same as the link they clicked on the nav bar: for example, on the "about us" page, people expect the header to be: "about us" Not: "dog walking and pet sitting in Anytown USA - About Us" Do I just not worry about the headers on the other pages? For that matter, I'd really like people to "land" on the home page, not any of the other pages, so should I not optimize them at all? Does optimizing the rest of the pages help the home page to show up higher in the SERPS? If I do end up optimizing the rest of the pages, should I use slightly different spellings of the keywords: like Dog walker instead of dog walking? Or pet sitter instead of pet sitting? I've repeatedly seen people talk about not using the same keywords on more than one page... but for most of these businesses there are really fairly few keywords. There just isn't that many different ways that someone is going to search for an electrician, or a plumber, or a pet sitter. By the second or third page that I optimize on one site, I imagine I'll start running out of different variations of the keywords. I recognize that a lot of what we'll do that will be most helpful to local clients has nothing to do with on page optimization (setting up google places, google+, yahoo + bing local, etc). I'd just like to make sure that I'm doing the on page stuff as perfectly as possible. Thanks for your time and responses! -Matt p.s. while I'm at it, let me ask another question about domain names as well. Right now the pet sitting client mentioned above is using: www.petcare_Anytown_.com After operating her business for the last year she realized she is much more interested in dog walking than pet sitting. We are in the processes of redesigning the site, and when finished, are considering moving it to: www.dogwalking_Anytown_.com My assumption is that as long as we use permanent redirects from the old site to the new one, we shouldn't lose much SEO value. Is this thinking correct? On a related note though: another article I read mentioned that using a brand name in the domain may actually be more useful than the keyword rich domains above. However, www._businessname._com happens to already be taken by a pet sitting business at the other end of the country. We could however use: www.businessnameAnytown.com Which one do you think would work better? The keyword/location domain, or the businessname/location domain? Thanks!
On-Page Optimization | | Webformix0 -
Does Google index dynamically generated content/headers, etc.?
To avoid dupe content, we are moving away from a model where we have 30,000 pages, each with a separate URL that looks like /prices/<product-name>/<city><state>, often with dupe content because the product overlaps from city to city, and it's hard to keep 30,000 pages unique, where sometimes the only distinction is the price & the city/state.</state></city></product-name> We are moving to a model with around 300 unique pages, where some of the info that used to be in the url will move to the page itself (headers, etc.) to cut down on dupe content on those unique 300 pages. My question is this. If we have 300 unique-content pages with unique URL's, and we then put some dynamic info (year, city, state) into the page itself, will Google index this dynamic content? The question behind this one is, how do we continue to rank for searches for that product in the city-state being searched without having that info in the URL? Any best practices we should know about?
On-Page Optimization | | editabletext0 -
Header Links vs. In Page Links
We have lost considerable rank for some of our top search terms (department names) and the rank loss correlates to a change we made on our homepage. That change was to remove a secondary navigation to the major departments in the content of our homepage. Now all we have is the global header navigation on the homepage (and all other pages on the site). I have read that in-page links pass more value than sitewide header links and I'm wondering if this is really true. These were text links (not linked images) and our header also contains text links (and some javascript). We did not make any other changes on our site at this time and this was not around the time of any major algorithm updates. The site is www.ebags.com.
On-Page Optimization | | SharieBags1