Site speed has been a important ranking factor to google for over 6 years, and we are just now seeing the demand for mobile optimized pages for higher ranking in the mobile SERPs. The data has always shown that the faster the webpage loads, the lower bounce rate will be compared to if the page loaded a little bit slower.

People are impatient, and are used to a cretin load time for a website. It also shows the care you have put into this website, and the effort that goes along with it.  

Site Speed Vs Ranking Positions:

Photo by: Pageurl:

As you can see, when you start to look at hundreds of thousands result pages – The data shows that the top 1-3 ranked websites are over 200m/s quicker than any other of the other page 1 domain’s load time.

Its always a good idea to run a few of your pages into Page Speed tools, so you can see how google views your sites load time and any loading errors. If you find yourself getting the optimize image errors, then compressing and resizing will be way to fix that. 

It does look like I have some resizing and compressing to do on my home page elements. Lets See what we can do to help optimize these images.

Image Optimization Via WP Smush:

Under the WordPress plugin’s menu – Navigate to the Add plugin’s search feature, and install  WP Smush. With over 1/2 a million downloads & 2000+ 5 star reviews ( Super uncommon ). I think its safe to say Smush does an awesome job compressing jpegs, & pngs.

Manual DownloadLink
Authors: WPMU DEV & Alex Dunae

You will find the WP Smush Options under the Media Menu Tab.

Go ahead and start the Bulk Smash Now. You will need to leave this window open while it runs, but you can just open up another tab to keep working on other stuff. 

If you are running a Large amount of image’s with bulk smash for the first time, then its going to take a little awhile. Normally if you just getting started on a new site, you wont have that many image’s to compress.  If you are doing a large bulk run, then go ahead and wait for a slow period in the day web traffic wise.

Compressing so many images like that takes up a lot of server resources, and will slow down the sites load time. Another nice feature about Smush is every time you upload a new image to the server. It will go ahead and automatically compress it for you while.

Total saving:  67mb’s of data
Avg Size of a Websites Page: 2mb’s

When you think of it like that, you can see how much bandwidth we will save. Its like compressing and removing 33 full blog post from our server, and it increases the load times of our pages.

The difference between the Smushed image and a full resolution one is almost indistinguishable when on a computer monitor as well. People are very well adjusted to seeing images in this format/resolution. 

Manually Compressing Images:

If you rescan your site in Google Page speeds, and find you can still have some photos you could optimize. Then go ahead and head over to Compress PNG/JPEG ( With the Force of an Elephant ) to Compress the photos. 

Upload and and compress all the images google is showing that need attention.

Elephant Compressing:

Note: You will find the link to the photo in the speed page results, click on that and download the images to compress.

You will have to reupload these files, and re-select the new images to be used in the the post/page where they are at now. Swap out the old image in the post with the new one, and you are ready to go.