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
-
SEO Implications of using Images for Article Titles
Hi guys! New to Moz Pro. I just recently completed an online course with Moz... I have a client who is writing some new content for their site, and we are approaching it with SEO in mind. I was wondering about using an image with text on it as the article title, instead of an actual "text on the page" title. Wondering if that's going to "cost" us anything, SEO wise. I guess we could use alt-text/title/description fields to make sure the keywords are crawlable for our article title but do they have less "weight" than a standard title? How does that work? Hope my question makes sense. Article header attached mB0PXsA.jpg
On-Page Optimization | | JakeWarren1 -
Optimize CSS Delivery
Hi, I am loading 3 CSS files here: http://www.viatrading.com/wholesale/9/Domestics.html PageSpeed is telling me I "should fix" the delivery of these CSS Files (see image). I read https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery , but can't figure out which is my case. The CSS are big, but even if I split them in several, all CSS files are still showing up as render-blocking. I moved them to the header/footer, but the message is still appearing. Do you know what might be the problem and how to solve it? Thank you, Screen_Shot_2015_09_10_at_4_44_23_PM.png
On-Page Optimization | | viatrading10 -
How much weight does domain age really carry?
One of my clients competitors launched a new site in January 2014 (totally new site on a domain that had previously never been used). The competitor has very few backlinks (only double digits), most of which are directory links (dofollow and nofollow). Their authority level is good but not as high as others who rank on top pages with them and their on-page optimization is lacking in a few areas. For all intents and purposes, the site should not be ranking where it is from what I can see. However, it is literally skyrocketing up the ranks faster than I would have ever imagined. The only thing I found that this domain has going for it is age (roughly 4 years). Does this carry more weight than I think it does? When compared to my clients site, we have more backlinks (similar mix), higher DA and PA and better on-page optimization for the same keywords. However, our domain age is only a little over 1 year.
On-Page Optimization | | mattylac0 -
Impact of rogue keyword in content
I have a page that is optimised - title, URL, content etc for the chosen keywords. However, within the content are some batches of bullet point text that has repeated text throughout. So for example I have 5 instances of my chosen keyword within the content and 24 instances of the two word text within the bullet points. Does this kind of scenario have any impact on ranking?
On-Page Optimization | | MickEdwards0 -
Website redesign and it's impact on ranking
Hey Everyone, I have had a website in place for over 7 years and I am now at the point where I need to implement a redesign in order to sell our product more effectively. -URL's will stay the same
On-Page Optimization | | Justin45
-Content will change but be very similar page-to-page
-Title & Meta tags will remain the same I'm planning on taking the site from a non-backend site to a wordpress site so the navigation will change. Does anyone foresee that this change will have any dramatic effect on site ranking? Thank You!0 -
What should I put in the image ALT and title text for blogger?
Hello, I wanted to know what should I put in the image ALT and title text for blogger. I've read so many damn articles about ALT text and Title text for blogger; nothing explained what I put in it though. What am I supposed to put in it that will help me with my on page optimization? (Stuff like do I use spaces or dashes, do I put my keyword in there, how many characters should I not exceed, do I put one word or two words?) If I have a picture of a backpack, what should the alt text be? What if I have 10 different pictures of backpacks on 1 page? How about if I had a backpack next to a tv in an image? A specific answer or a detailed one is nice!
On-Page Optimization | | 6786486312640 -
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 -
Image alt attribute vs. plain text in link?
I'm building a product category browsing page for a high-falutin' jewelry retailer where we display only product photos linking to individual product pages, without any text in the links. From an SEO and link-juice-passing perspective, is it most effective to embed the product titles as the alt attribute in each image, or to leave alt="" and use text substitutions (i.e. an inner which is css'd to display: none) within the <a>to help search engines accept my product titles as the link text with the most credibility?</a>
On-Page Optimization | | cadenzajon0