Need help with image resizing (re: slow site)
-
I'm trying to figure out why I'm having speed issues with my site, and using google speed test to help me knock out some of the issues.
One of issues deals with image resizing. I have a responsive design and so even though on the home page the normal width is 580 of the blog area, the full post can go up to 1170. So I size all of my images to 1170 wide and let CSS resize them depending on the size of the browser. (The images on the most recent post are a little bigger than this because I was testing something.)
I was wondering what the best practice was in regard to what I'm trying to do.
Also feel free to check out my site and let me know of any other feedback / advice you have. Thanks !:)
-
Thanks a lot Keri,
These days with the online competition being so strong we should pay more attention to the website architecture, usability, visual impact, speed and technical problems. SEO it's so complex that you'll find yourself overwhelmed by the number of critical issues that needs to be addressed and fixed. Don't focus just on the content try to enhance every aspect of your page from to . Optimizing pictures takes only a few moments and you can use automated functions in Photoshop.
-
Another area to help with the images is to host them on a content distribution network.
Amazon is not the cheapest, but its the easiest for low volume.
A few stats:
I host about 4000 images on Amazon S3.
My bill is about 4 bucks a month.
You can put your images in a few areas (west coast vs east coast etc)....
This will help get your images closer to your audience, but it will not help you with the "last mile"
I had a customer uploading 7 MB images in Wisconsin using dial up....
can't help them...
I'm alos moving to Cloud Front, amazon Content Distribution Network...
Also, you use chrome to determine what's causing the delay.. many times, images are just part of a larger problem...
-
Hi Rick,
To the best of my knowledge, smushit compresses what it can while keeping the quality exactly the same. Saving for the web will lower the quality to "looking good on screen" from "good enough to print and hang on your wall". I also looked at the most recent post about Noah standing, and saw that the original size was 1900 pixels wide -- you certainly want to resize that to the 1170 wide before uploading it.
Being a photographer with a portfolio, Coltaire can give you a lot more details than I can, and help guide you with settings to use in Photoshop to get pictures that still look great on the web but aren't bigger than they need to be.
-
Thanks for the kind words. As I mentioned sometimes I like to do full width posts which are 1170 wide so if I use 800x600 the images won't show up correctly on full screen.
-
Rick, you have a wonderful son and the story of your website left me without words and I don't know if I can give you a good response at this moment... Try resizing them to 800x600, the size accommodates a lot of user screens / mobile traffic.
Have a wonderful day
-
Yes, i use catching. But like I said, saving it for 640 wouldn't work for me since I want image to show up bigger than that if the screen is 1170. I'm assuming the images wouldn't be able to be resized any bigger than 640 without looking stretched.
-
I never used that tool and I think it's ok to use it in some situations but you have a lot more control of the file saving for web in PS, lot more options and the quality loss is insignifiant.
Take a look at my Portfolio page. All of my files are 640x480px/72dpi/50-60quality/jpegs.
Also are you using any caching / minifing plugins?
-
I'm using smushit to make the file size smaller, but I need to be able to at least have 1170 for full width posts (like this one.) I don't think I need to use save for web if I'm using smush it do I?
Does having css resize the images cause a site to slow down a lot?
-
I think that your images are very big and are slowing down your page speed and affect your rankings. Why don't you try to scale and reduce the quality using the "Save for web" feature in PS, it's fast and you have the option to compare with the original file when saving? 800x600 , 640x480 px are large enough to be properly visualized, Think about the different screen resolutions your visitors have. I avoid using pictures larger than 100kb and my average picture quality when saved for web is 60%. Hope it helps.
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
-
What is the Estimated Time for SERP Rankings to Replenish after a Site Redesign?
Hello Fellow Moz'ers, My company's website, www.1099pro.com, is currently OLD and not mobile-friendly! However, we rank #1 for out most important keywords and don't want to lose that ranking. I've recently redesigned our site, currently in testing, to use the same standard desktop pages but to also have responsive, mobile friendly, pages for different view ports. My question is if anyone knows an estimated time frame that search engines (mainly Google) takes to re-crawl the site and restore SERP rankings to their previous levels? The reason is because we are HIGHLY seasonal and if we are not back at our top rankings by early December, at latest (November would be better), then we stand the chance to lose a considerable amount of traffic/revenue. -The Unenlightened One
Web Design | | Stew2220 -
How do you influence the default site title?
Hi, We have noticed that on brand searches, a site's page title is replaced with the name of the site or the business, we can understand that this is due to the fact that a CTR enticing title is not as important when the customer is looking for a certain brand. What tells Google what company name to display in this instance? We're having trouble with our French site displaying the page title, we are moving the position of the title code earlier in the page, but can't see why a) Telefleurs is not displaying the title chosen and b) why it is displaying EuroFlorist when our French brand is Telefleurs. Any advice on this would be much appreciated! Thanks, Sam JgLwnGV.png
Web Design | | seoeuroflorist0 -
Large Global Site Structure
Hi, I have a question about the advised structure for a website that I'm currently building. It's a large international brand with it's main office in the UK. The main website is the .com but there is a growing international franchisee network. I've built the .com site on Wordpress but I'm not sure if I the best way forward would be to create each international website on a separate hosted site or just include it in the .com Wordpress structure using the The WordPress Multilingual Plugin. So to sum up... should I build the entire global network on one domain and then use WPML plugin or should I build separate websites for each International franchisee? Hope some one can educate me on the best route to take. Thanks Moz Community
Web Design | | SeoSheikh0 -
I want to create a 301 redirect on a WordPress site, nothing's working...
Hello all, I'm hoping someone out there can give me a hand with this. I'm trying to modify my .htaccess file so that the site will go from maxcarnagemusic.com to www.maxcarnagemusic.com and also, so viewers will be redirected to www.maxcarnagemusic.com/home when they try to access the site. I've tried a few different things, including adding the 301 redirect plugin for Wordpress, but nothing seems to work. Can someone out there show/tell me how to create an htaccess file that will execute as much. I apologize in advance, my Apache experience is very, very limited. Thank you all in advance!
Web Design | | maxcarnage0 -
What causes rankings to drop while moving a site.
Hi, we recently moved a PHP based site from one web developer to another (switched hosting providers as well). Amidst the move our rankings drastically dropped and our citation and trust flow were literally cut in half as per Majestic SEO. What could have caused this sudden drop?
Web Design | | Syed_Raza0 -
Live website is an addon domain - Need site old development url inaccessable from live domain
Hi everyone, I have a website which is built in Joomla 2.5. The development site is located at www,abc.com/subdomain/. We have set the site live using an addon domain which is www.xyz.com. The problem is, www.abc.com/subdomain/ is still accessible and being crawled by Google. How is the best way to make the development url inaccessible? Any help would be appreciated!
Web Design | | DougHosmer0 -
Usual time to index and rank a new site
Hi Just wondering if anyone knew how long it usually takes for a brand new site to get indexed and ranked? I launched a new site about 5 weeks ago. So far I have had 96,000 pages indexed but the majority haven't ranked particularly well or appeared. The ones that have ranked aren't ranking high even though they have better content than competitors sites... And my old domain. Do I just need to hang tight and wait till my domain authority improves? Is there anything I can do to speed up this process? cheers
Web Design | | DavidLenehan0 -
Thoughts on how to speed up my site? (Other site ideas.)
I was wondering if someone had a few minutes to talk a look at our site and see how to speed it up. I've ran some of the speed tests and I get different results, so I'm not sure if my site would be considered "slow" or not. Also if there any other things that jump out at you (usability, side bar, things I should change / add / take away to make a users experience better, etc.) please let me know. Any feedback is good feedback to me. 🙂 I'm using WP Super Cache as well. Thanks!
Web Design | | NoahsDad1