Faster images on your website

Faster images on your website

Images are a very important consideration for site speed, since loading larger-than-necessary images is a quick way to slow your site down. Ideally, your site should load the correct sized image for the screen it's being viewed on -- and that means compressing those images down.

Shrinking your image sizes

You can compress your images before you upload, after you upload, or both. In the past, we recommended you do both in order to get the best performance. If you want to continue doing that, that's fine -- we recommend uploading photos at around 2,000 wide on the longest size.

However, our server-side optimization tools do a great job of compressing images, so it is no longer necessary to compress images before uploading them. 

Server Side Improvements (after you upload)

When WordPress receives an image for the first time, it generates a range of sizes (called thumbnails) that are pre-arranged by your theme or plugin author. Because of this, it's important to have a server-side compression tool. (Or you're only compressing the large image, not all the other sizes, which will load 80-90% of the time!)

There are several plugins that can be used to compress images after upload. The only tool we recommend for this is Kraken.io, and licensing for this is included on all standard Performance Foundry Managed Hosting plans. For 99% of people, choosing to process lossy (where the whole image is recompressed) is the best way; for some (photography sites, for example), lossless compression is best: it will strip metadata without impacting the image itself - giving the professional photographer more control over the image with the trade-off of a slower site.

Want even better image loading times?

One of the additional benefits of our Publisher and Publisher Plus hosting packages is additional image compression using Thumbor, which makes your site load even faster. It's great for image-heavy sites, especially blogs with lots of photos.


    • Related Articles

    • Anvil Performance Tab: Speeding up your WordPress website

      What to expect from the Performance Tab? This feature provides speed improvement for sites, and Google Page Speed scores. The aim is to remove dependence on multiple external plugins and create a standardized approach that will function for the ...
    • Faster Images With Thumbor

      Thumbor is an on-the-fly image compression tool which has several really cool tools to speed up your image loading times. A 26% saving with no visual loss! Source: http://thumbor.org/ What does Thumbor include? Thumbor includes: image compression ...
    • Images are missing from my thumbnails

      Thumbnails are the small images that appear in various areas of websites, for example on the homepage next to an article excerpt, or in a related posts section. In WordPress, most thumbnails are small versions of the image in the "featured image" ...
    • How large should the images I upload be?

      This is a great question, and one that's important to consider, since incorrect image sizing is the cause of most blurry images and slow image loading on websites. In the past, it was good practice to upload photos of the exact size you'd be ...
    • How can I remove or replace images safely?

      If you're updating posts, and would like to change some of the images within the post without causing issues through your site, that's quite easy to do. Important: before starting this work, Performance Foundry staff will need to transfer your images ...