Slow Website? Quick & Dirty Image Optimization Prioritization to Improve Page Speeds

Page speed tips featured image
(Last Updated On: November 9, 2017)

You probably understand that given some of Google’s recent updates focusing on user engagement and site quality, improving your page speeds and load times is important to Google organic search rankings.

But what can you actually do to improve your site’s load times? There are a lot of great resources about page speed optimization best practices, but many of the recommendations you get are to make adjustments to code, to design elements, to employ a CDN, etc. What can you do if your dev team is slammed with competing tasks and you’re less technical?

Working on image optimizations is often a task that non-technical marketers, designers, junior resources, or writers can help with and in many instances optimizing images can have the largest single impact on page load times.

There are a lot of strong resources on how to resize and compress images, but how do you know which images on your site really need resizing? How do you know where to start?

In this post I’ll walk through three simple methods for determining which images to work on resizing, compressing, and optimizing for better load times.

Improve Your Top Pages

To start with, you can quickly create a custom report in Google Analytics and look at the pages on your site driving the most unique visitors, revenue, or goal completions to understand which pages are your most valuable in terms of organic traffic. For many sites, there may be only a handful of pages driving most of the traffic to the site:

List of top pages for image optimizations

You can simply go through those pages and optimize the images, or use Google’s free pagespeed insights tool to both identify the images that are an image and have them compressed:

Page speed insights image optimizations

If you have a larger and more evenly distributed site, you can take your list of important URLs from Google Analytics and run them through URL Profiler to get a sense of which of your most important URLs have pagespeed issues:

Largest pages sorted by image byte size

As you can see you can quickly see both page speed scores and (more helpfully) the pages with the most bytes of images. This can help you determine from your cohort of important pages which need the most work.

Find Your Problem Images

In addition to starting with your most popular pages, there’s a relatively quick and easy way for most sites to identify their largest images. If you run a crawl with Screaming Frog you can easily look at all of the images on your site that are over 100KB in an export and sort by size (size here is in bytes, divide by 1024 to get KB) to see which images are the biggest issue:

Screaming Frog bulk image export

Focus on Scale

Beyond popular pages and larger images, another key win is to optimize the images that are prevalent throughout your site (such as your logo). Even if these are already smaller images, compressing them can help shave a bit of size off of every page on your site, or many pages in the case of other images. Screaming Frog again can help here, simply sorting by “IMG Inlinks” to see the images referenced on the most pages on your site:

Screaming Frog most used images

That’s it! Now get to work on compressing those images!

Obviously there are other important steps you can take to help speed up your site and to optimize images at scale, but if you have limited development resources and are trying to avoid analysis paralysis when it comes to page speed optimization, using this process to identify the images you should compress and resize (and then actually optimizing them!) is a great way to get started.