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
-
Changing from www to non-www impacting page authority?
I moved my website in May from Wix to Wordpress. Since then the home page authority has dropped from 27 to 16. The old website displayed as www.ajlansell.co.uk, but the new site is set to ajlansell.co.uk without the www (this was set by my hosting company). I tried changing the settings in Wordpress to www.etc, and the home page bounces back up to a page authority of 27 - but it messes up the menus and some other elements on the page so that the page is not displayed correctly. Is there any other way I can get that page authority back? Thanks.
On-Page Optimization | | Photowife0 -
How to find all broken images?
Are there any free tools that will crawl a full website and report back on any broken tags? My site recently added several thousand previously archived posts, many of which contain old tags that no longer exist. ScreamingFrog's crawl is too limited to reach most of these posts, and I haven't been able to find another free tool to get the job done. If there's no free tool, does anyone know of an affordable paid alternative?
On-Page Optimization | | WebElaine0 -
Should I watermark my product images
I am in the process of creating new images for my products to use on my website. Are there any advantages or disadvantages of watermarking each image? Is there an SEO impact good or bad? I am aware that filename and Alt tags are important, but am unsure if google dislikes watermarked images.
On-Page Optimization | | BipSum1 -
What image attribute should carry "anchor text" for internal linking
Newbie question: an internal link generally should carry keyword anchor text, so if the link is actually an image, what image attribute should contain the equivalent of the anchor text
On-Page Optimization | | k3nn3dy30 -
Seo'ing Sub domains for images
We are currently adding some performance improvement to our websites, to improve user experience. One of the things we are looking at is splitting of images over several sub-domains, to increase the number of images that can be downloaded at the same. We have seen that using key phrases within image names has an improvement in rankings. So, the question is should we create sub-domains as key-phrase.example.co.uk or as i1.example.co.uk? K
On-Page Optimization | | soltec0 -
Will a large percentage of 404 links negatively impact SERP performance?
We discovered a broken link and issue with a dynamically generated sitemap that resulted in 9,000+ pages of duplicate content (namely there was not actual 404 page, but content for a 404 page that populated on the broken page). We've corrected that issue so the 404 page is working correctly now and there aren't any more broken links on the site. However, we just reviewed our Google crawl report, and saw that now there are 9,000+ 404 links in the Google index. We discovered the initial error when our SERP performance dropped 60% in a month. Now that we've corrected all the duplicate content pages, will vast number of 404 pages negatively impact SERP results? If so, do you recommend doing 301 redirects to the page it should have gone to, and do you know of any automated tools performing the 301's (it's a standard HTML site, no CMS involved). Thanks for your help!
On-Page Optimization | | DirectiveGroup0 -
Canonical URL's - Fixed but still negatively impacted
I recently noticed that our canonical url's were not set up correctly. The incorrect setup predates me but it could have been in place for close to a year, maybe a bit more. Each of the url's had a "sortby" parameter on all of them. I had our platform provider make the fix and now everything is as it should be. I do see issues caused by this in Google Webmaster, for instance in the HTML suggestions it's telling me that pages have duplicate title tags when in fact this is the same page but with a variety of url parameters at the end of the url. To me this just highlights that there is a problem and we are being negatively impacted by the previous implementation. My question is has anyone been in this situation? Is there any way to flush this out or push Google to relook at this? Or is this a sit and be patient situation. I'm also slightly curious if Google will at some point look and see that the canonical urls were changed and then throw up a red flag even though they are finally the way they should be. Any feedback is appreciated. Thanks,
On-Page Optimization | | dgmiles
Dave0 -
Image files names - should each be different ?
Hi SEOs I have created a page on my website with a certain tutorial - let's say "How to change a tyre in your car". I have Grade A from On-page report using SEOmoz tool. I have put a relevant alt description for each photo I have put in that tutorial and I have used relevant keyword as a name for each image. So for example this would look like that: changing-tyre-1.jpg changing-tyre-2.jpg My question is should I name these file differently according to their content ? For example if on my photo there is some tool I have to use to change the tyre should the file have the name relevant to the subject of the article/tutorial on the page or to the content of the image ? Is that a stupid question ? Or am I getting too fussy ? Thanks
On-Page Optimization | | lolskizz0