The Need for Website Speed #1

With website loading speed (how fast your site pops up in the browser) becoming an ever more important factor in SEO ranking and overall user experience, I like to find simple things that can improve your website in this regard. Image compression is the topic of today’s tip. It sounds complex to some but it is simply the overall size (the amount of space that it takes up, like 1MB ) of the images that you have on your website.

So – why does this matter?

When you place images on to your website that are larger than they need to be (referring to memory size, like 10MB), Google sees this as a negative. Google takes loading speed into consideration in the overall ranking of your website. That is why it is important to be aware of these concerns and to do something about.

Here’s how…

SKIP THE DETAILS

(This section is not required to start optimizing images on your site, just a great reference for those wanting to lean more about their site in reference to site speed)

Google even offers a tool, free for use, to show you if and which images are slowing your website down: Google PageSpeed Insight (see below).

Google Page Speed Insights

It is a simple page where you enter your website address and Google will give you a score between 1 and 100 for your website optimization on both desktop and mobile (100 being perfect) . In addition, after Google scans your site, a technical assessment of your site is generated (see below). This can take a few seconds depending on the size of your page.

Google Page Speed Insights page detail image optimization

You will find that it gives you a lot of information (as seen above, it can be overwhelming depending on the size and organization of your site) that can be extremely valuable to knowing why your website does not load as fast as it should, thereby lowering your SEO ranking. Since we are focusing on image compression the area of the report you want to focus on will be under “Optimize Images” which is highlighted above. First of all if this section does not appear then “perfecto” you have been optimizing your images and you shouls continue to do so. If not, you will see:

“Show how to fix”

Click on the link and it will expose all the images that need to be optimized on your site. If there are any at all they are all slowing your site down to different degrees and should be fixed. That’s where the “Compress JPEG & PNG images” plug-in comes in. It is a fix-all for this particular issue.

There are several method for compressing your images including using online drag and drop services (where you drag your images into a website and it offers you a downloadable compressed version), Imaging Software (like Adobe Photoshop that has a powerful compression tool) and last but not least my “Quick Tip” choice is to use a WordPress Plugin.

SIDE NOTE: If you are not using WordPress you can use a drag and drop service like TinyPNG which allows you to compress images one by one or in bulk. It is free up to 20 images per day (which is much more than most need daily). I suggest using these services for all media including social media posts as well as email marketing – it simply makes things load faster.

I use TinyPNG’s WordPress Plug-in titled “Compress JPEG & PNG images”.

TinyPNG's WordPress Plug-in Page

This plug-in is simple once you download, install and activate it in your WordPress backend.  Follow the steps below and from then on you are covered.

After you have logged into your wordpress site:

  1. Visit Plugins > Add New.
  2. Search for “tinypng” and press the “Install Now” button for the plugin named “Compress JPEG & PNG images” by “TinyPNG”.
  3. Activate the plugin from your Plugins page.
  4. Go to the Settings > Media page and register a new account.
  5. Or enter the API key you got from https://tinypng.com/developers.
  6. Go to Media > Bulk Optimization and optimize all your images!
TinyPNG Bulk Image Optimization Plugin

So now image compression should be under control and start assisting your overall website speed. If you want to check it use the Google
PageSpeed Insights report to do so (mentioned in the detailed section above)! Hopefully it looks something like this:

Google Page Speed Insights report detail

If you would like a review of your website and analytics, please get in touch for a complimentary review session.



2018-08-24T09:35:05+00:00