CSS background images weight impact
-
Hi,
do you think that the use of a single 1.8Mb background image sitewide could have a big negative impact and make a website disappear from SERPS?thank you
-
Hi Gianni,
There are a ton of reasons why your website might have slipped down the SERPs or dropped rankings. It's almost certainly not because of your image.
If you want, you can PM me your URL and I'll have a look.
Nick
-
Hello,
I think the heavy wheight background image has been wrongly pubilshed without the proper jpg compression during last months... (maybe a webdesigner distraction).Anyway now the website is disappeared from SERPS,
I'm trying to spot the possible reason of this penalization, currently the homepage ranks "A" with Seomoz on page optimization tool for the primary keyword, and it's domain metrics are equals or superior to many competitors that rank in first page for the same keyword.
With this heavy wheight background image the overall wheight of the internal pages is about 2.8 Mb (html/css + scripts + inline images + css background images ), I think this is a really uncommon and high value.
If Google considers a page as "loaded" when all of its assets were actually downloaded from the server and not when the event "load" fires on the browser I think it could be a very negative factor.
Thank you all for your replies
(and sorry for my english) -
That is a pretty large image file, I do not know how it would impact the SERPS.
If you are using photoshop and saving the background image as a Jpg, one thing I always try to do is lower the quality when saving for web to around 30-40 for really large images (can notice a difference but not too bad) or lower the quality to 51 if you want the image to remain pretty much the same.
Another thing that I like to do is use Smush.it (http://www.smushit.com/ysmush.it/) which is a free tool from Yahoo that will save you a little on filesize without changing the appearance of the image.
Hope this helps!
-
1.8mb is HUGE, what on earth is in there? I have a full background complex image for one of my websites - it's 90kb. Even the biggest CSS sprite image I have is just 30kb that includes most of my site template.
I recommend that you revisit this and use a different image format if not jpg/png/gif - for example never use tif or BMP online.
A background this size will really look poor to your first time visitors - this is exactly why Google want to start using speed as a ranking factor.
-
Just to add - try and compress the image as much as you can.
I'd be more worried about waiting for it to load and it having a knock on effect on your user experience.
DD
-
Hi Gianni,
of course the huge image won't make the website disappear from the serps - if you define "disappear" that the website is banned from the index.
I suppose you know that speed / loading time already matters, but it is just one of many ranking factors and Matt Cutts said that very rare pages are concerned. But imagine that there is a website with exactely the same condition as yours then the one with less loading time will be "better" than yours.
Even though the image is in the css defined it is not the best idea. Did you really compress the image yet?
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
-
Does redoing a homepage impact search rankings?
Hello, all! Does anyone know if redesigning a website's homepage affects search rankings? I'm considering redoing my website's homepage - including rewriting the copy, and perhaps in Leadpages - but I don't want to compromise search. I gather that SEO is a bit of a black box, but am curious to hear others' perspectives before moving ahead. Thanks in advance for sharing your time and thoughts!
On-Page Optimization | | lightsfilmschool0 -
Numerous duplicate destination URLs from within one menu - potential impact for on-page SEO?
Hello all What is your evaluation in regards to a number of links (different anchors) targeting the same destination URL from within one and the same menu (on the same website)? Keeping it brief: Think of a top menu drop down entry, that needs to feature the alphabet (each letter has it's own sub-entries). However, the actual letter itself is not represented by a page (it has no URL either). So far so good. However, when testing the menu on a mobile device, the letter entries are still treated, as if they were non-existent pages - thus throwing a 404 when clicked. In order to avoid people getting a 404 when clicking on any letter, it would be ideal, if they were directed to any main page (the same destination URL though). However, that would mean 26 times the same destination URL from within that menu. Is this approach potentially bad for SEO, hence there would be numerous duplicate destination URLs in place? Please mind, I am not inquiring for help on how to arrange the actual menu. I am concerned about the impact, identical destination URLs could have on the on-page SEO. Many thanks in advance for your help and input!
On-Page Optimization | | Hermski0 -
Does Bolding Text Have Any Impact on SEO?
Someone told me it does but I thought that was old school way of thinking. Any thoughts?
On-Page Optimization | | tryfantasy1 -
WordPress image urls - need a WP maven
We were having a conversation re urls that are indexed for images that are stored in various media plugins in WP. My question for anyone who is an uberWP person is: What is your opinion re best media storage plugins and how these URLs affect pages on a site for ranking, etc. I realize this is broad, but it is driven out of my concern that I cannot touch everything. When I see a url like this: http://www.drumbeatmarketing.net/wp-content/themes/drumbeat2/img/DB-LOGO-White.png I know there is no way with all the sites and clients we handle that I can get it perfect but this just bugs me for some reason. Should I just chill since it (seemingly) affects so little....?
On-Page Optimization | | RobertFisher1 -
Is my megamenu negatively impacting my SEO?
Hello everyone, I have a megamenu with 87 links in total. We offer a ton of products, so when we decided to have this developed, it seemed like a no-brainer because a straight drop-down menu was really hard to digest. But I have been wondering if it is creating too many links on every single page and/or muddling the signals to the search engines. If anyone could take a look and give me their insight, I would really appreciate it. Thanks, www.cleanedison.com
On-Page Optimization | | CleanEdisonInc0 -
Why will google not index my Images
Hi I've added to index images in our sitemap although they are showing as being submitted Google hasn't indexed a single one. This has been the case for about 3 months. Is there any reason why Google would not index them? Thanks
On-Page Optimization | | tidybooks0 -
Do parenthetical phrases weaken the impact of target terms?
I see that Ryan Boots answered a similar question for Mark Skidmore (http://www.seomoz.org/q/does-using-parentheses-affect-the-crawlers), but I'd like to dig a little deeper. If I use a key term with a parenthetical phrase in the body copy with either or tags, will it still hold the same weight as it would if I used the same key term without parentheses? Further, would the same answer apply to key terms in the meta description? Thank you. Joe Donohue
On-Page Optimization | | mollykathariner_ms0 -
Any SEO effect(s) / impact of Meta No Cache?
Hi SEOMoz Guys, Hope you guys are doing well. I've been searching online and bumped into this archived page (http://www.seomoz.org/qa/view/34982/meta-nocache-affect-ranking). I would like to get an updated take on this issue whether or not the meta no cache code on a page bears negative/positive or no SEO impact / effect. <meta http-equiv="Pragma" content="no-cache" /> <meta http-equiv="Cache-Control" content="no-cache"/> Thanks! Steve
On-Page Optimization | | sjcbayona-412182