User | Post |
5:47 am January 29, 2013
| Objective Wealth
| | UK | |
| Member | posts 71 |
|
|
|
Hi Guys
After reading lots of positive things about the Genesis Framework on the forum recently, I decided to splash out on the framework, together with a professional theme for Objective Wealth's 1st birthday – to give it a makeover.
I love using the the framework, and I'm really pleased with the new look of my site, but I think there's a problem:
I checked out Google Pagespeed, expecting that all the "Optimised" features would give me just a little speed boost, but instead I've gone from a score of 86 (old free theme) to 36! (New Genesis theme)
With another Pagerank update imminent I'm a bit concerned I'll be penalised thanks to my gorgeous new snail!
Any ideas?
|
|
|
6:05 am January 29, 2013
| Eric – PersonalProfitability.com
| | Portland, OR | |
| Member
| posts 2120 |
|
|
|
Do you have a caching plugin installed?
|
|
|
6:07 am January 29, 2013
| Objective Wealth
| | UK | |
| Member | posts 71 |
|
|
|
Hi Eric
Yes, I use W3 Total Cache, along with Cloudflare.
|
|
|
6:07 am January 29, 2013
| sooverthis
| | Kentucky | |
| Moderator
| posts 1041 |
|
|
|
Are you using a caching plugin? That's probably a good place to start.
You've got a couple of broken image links on the homepage that are increasing your load time. Pingdom Tools will give you a good idea of which things are taking forever to load so you can address them. You might also consider a plugin like WP Smush.it to compress images – your images are 70% of your loading time per Pingdom.
|
|
|
6:15 am January 29, 2013
| Objective Wealth
| | UK | |
| Member | posts 71 |
|
|
|
Hi Andrea, always reassuring to see you pop up.
Ok, I'll have a look at those broken images. I do use WP Smush.it already, but in fact today it has been giving me errors and refusing to smush any new pics.
Thanks
|
|
|
7:40 am January 29, 2013
| Objective Wealth
| | UK | |
| Member | posts 71 |
|
|
|
Ahh, right. I just removed all the images from the front page and pagespeed shot up to 90.
I might like to have a go at scaling the images and replacing…could anybody recommend a good plugin or method for this?
|
|
|
9:01 am January 29, 2013
| sooverthis
| | Kentucky | |
| Moderator
| posts 1041 |
|
|
|
There's a plugin called Regenerate Thumbnails that might help – it will resize every image on the site according to the sizes set in your Genesis settings.
Make sure you're uploading the images as PNG and not JPG – JPGs are massive files and the quality isn't any better on a normal computer screen. Find out the biggest image size you're using – it'll be in functions.php where all the images are defined – and resize your image close to that ahead of time. For example, I always use images around 300x200 on my blog, so I size them that way before I upload. All the thumbnail/grid images in my child theme are smaller than that.
I'm a Mac user so I have no idea what image programs for PC would do this – I just use Preview on my Mac to size mine before I upload, and I open them in Illustrator or Photoshop to save as PNGs if they aren't already.
|
|
|
9:04 am January 29, 2013
| Objective Wealth
| | UK | |
| Member | posts 71 |
|
|
|
Right then, sounds encouraging…I'll take a look at those ideas and feedback the results on this thread in due course.
Thanks a lot Andrea!
|
|
|
2:50 pm January 29, 2013
| Pauline
| | |
| Member | posts 274 |
|
|
|
Following this thread I have just activated W3 total cache which was not working until now, and successfully exported the media library to hostgator.com/wp-content/upload. When running Google pagespeed, it asks me to get rid of the redirects if possible. All those hostgator redirects lead to a 404 not found, and the images don't show on the blog anymore.
What did I miss? I can see the pictures are on the FTP.
|
|
|
3:27 pm January 29, 2013
| Edward Antrobus
| | Fort Collins, CO | |
| Member
| posts 1008 |
|
|
|
If you are still using XP, there is a power toy out there to resize images directly in the file browser. It's called Image Resizer.
Adobe is also giving away Photoshop CS2 now. Or alternatively, there is GIMP which is a free, open source alternative to Photoshop that works on Windows, Mac, and linux. GIMP also has a plugin called "Save for Web" which will losslessly compress the images to make the file sizes even smaller. All my pictures go through a 3 step process of cropping, scaling, and saving through the plugin.
|
I'm looking for editors, beta-readers, and some demographic research for my upcoming novel, Once Upon a Saturn Moon. If you like reading soft sci-fi thrillers, maybe with a touch of romance thrown in, you can find more information at http://seampublishing.com/once…..aturn-moon
If You Can Read, You Can Cook – http://www.ifyoucanread.com | Think you can't cook? If you can read this sentence, then you can.
SEAM Publishing – http://www.seampublishing.com | eBook formatting and publishing service
|
|
7:26 pm January 29, 2013
| debtroundup
| | Raleigh | |
| Member | posts 190 |
|
|
|
sooverthis said:
There's a plugin called Regenerate Thumbnails that might help – it will resize every image on the site according to the sizes set in your Genesis settings.
Make sure you're uploading the images as PNG and not JPG – JPGs are massive files and the quality isn't any better on a normal computer screen. Find out the biggest image size you're using – it'll be in functions.php where all the images are defined – and resize your image close to that ahead of time. For example, I always use images around 300x200 on my blog, so I size them that way before I upload. All the thumbnail/grid images in my child theme are smaller than that.
I'm a Mac user so I have no idea what image programs for PC would do this – I just use Preview on my Mac to size mine before I upload, and I open them in Illustrator or Photoshop to save as PNGs if they aren't already.
Hey Andrea,
Aren't PNG files larger than JPGs because they contain a lot more information and are lossless? I have been doing graphics for some years and I have rarely seen a JPG bigger than a PNG file. What this just a mix up or do you use a different program?
|
|
|
7:52 pm January 29, 2013
| sooverthis
| | Kentucky | |
| Moderator
| posts 1041 |
|
|
|
That was really poorly worded on my part! A posterized PNG with transparency (which is what I usually work with) will compress smaller because JPG doesn't support transparency. But if he's using photographs, that's a different story. Just depends on what you're doing with the images. He should still be able to compress the images as JPGs without much quality loss since they're for web and not print.
|
|
|
7:47 am January 30, 2013
| Eric J. Nisall
| | Coral Springs, FL | |
| Member | posts 377 |
|
|
|
Why not just outsource the entire project to Andrea. Just look at what she does via her portfolio. It will definitely save you lots of time searching and waiting for answers, and things that you don't even know to take care of (or may overlook) will get taken care of the first time making it easier to hit the ground running once the redesign is done. That's what I'm doing with my new project.
|
|
|
2:46 pm January 30, 2013
| Objective Wealth
| | UK | |
| Member | posts 71 |
|
|
|
Thanks for all the suggestions folks
@Edward I've heard of GIMP, think I'll investigate that one.
|
|
|
2:22 pm January 31, 2013
| Objective Wealth
| | UK | |
| Member | posts 71 |
|
|
|
*Update… Found a great plugin called Imsanity, used it to bulk resize all the post images to 300x200, then re-smushed. Took a couple of minutes and voila! Google Pagespeed score now 89, with no high priority issues. Very pleased.
Thanks for all the suggestions guys, even though I don't use them all it gives me ideas to work with and a kick up the butt to find out a solution!
|
|
|
4:13 pm January 31, 2013
| sooverthis
| | Kentucky | |
| Moderator
| posts 1041 |
|
|
|
That's great! Writing down that plugin for future reference. I'm glad you got the load times down. :)
|
|
|