Optimize WordPress

Best WordPress Image Optimization Tools and Tips

In WordPress by Fathi ArfaouiLeave a Comment

When you upload images to WordPress, you can neglect or at least, forget the speed of your site because of that. It’s not a matter of size only, but, a whole user experience that starts from the site loading time, ending, to the image quality and the supported formats.

In this post, you’ll learn exactly the right ways and plugin to make your WordPress images faster. So, keep reading, and apply the below list of recommendations. In the end, you’ll be able to implement these tips into your website or blog and save lots of bandwidth, and also disk space. Best of all, you’ll offer better user experience when people come to your site and load pages in seconds and even less.

Take your website thumbnails seriously

By default, WordPress create thumbnails for your blog posts. So, when you display related posts or similar functionalities, you’ll show the thumbnails without optimization. For example, the related posts, WordPress plugins will include the thumbnail size without even resizing the original image. That happens especially with the new plugins that are under testing.

Optimize WordPress Images

My advice here is that you need to create image copies for each thumbnail size. For example, you can use a plugin that resizes your images for both the homepage thumbnails and the related post thumbnails. The same things apply to online stores and commerce website where there are items to sell with featured images.

Tools and plugins to Compress WordPress images

Use Adobe Photoshop

Adobe Photoshop comes with an option to save images for the web. That means a format of the image that’s optimized and compressed for better web usage and share. All you have to do is save the file with the Save for Web & Devices option. Also, you can adjust the settings for better compression, but I recommend avoiding low quality images for over compression.

Imagify

This is the perfect WordPress plugin that compresses images professionally without losing the quality. Actually, I’m using Imagify on this website and it works well. The plugins come with the free version, but for a limited usage. On the other side, the premium version offers amazing features that no other WordPress image compression plugin does.

compress images

W Total Cache

The beauty of this powerful caching plugin comes from its full HTML and page cache optimization. This tool creates a cached copy of your blog, then, it serves them faster even with new requests. Other plugins make static HTML pages, while this one uses the same HTML and PHP operations.

The plugin comes with CDN integration and lots of options to customize it. Here is a great guide on how configuring the plugin.

Resize your images

There is no need to waste your bandwidth and server disk space with large images that you don’t use. I saw lots of blogs especially, in the Fashion, and food niche publishing huge images without any resize. Instead of making that mistake, you can set the maximum image size that your website support. Then, keep not of the maximum width and the maximum image height you want. Next, when you want to upload images to WordPress, use any image editing software or tool and resize the pictures.

By doing that, you’ll insert into posts the image size that your blog or site needs. So, you’ll reduce the page size, and also, you’ll speed up the website without doing anything.

Of course, image resizing is only the first step, you should compress them before upload. Or, use one of the WordPress plugins I recommend in this list.

Use a CDN (content delivery network)

Without a CDN, images, CSS, HTML, and JavaScript files will load slowly from the same server. If you add images, things will be a real problem, especially if you have lots of content and images. Instead of that, use a CDN service and make your website faster.

A CDN service servers your website or blog images from different locations. So, you’ll save more bandwidth and Aso, you’ll save a few seconds on your image loading time. So, the result will be great depending on the size of your website. My recommended CDN service that I’m using here is MaxCDN. It’s a great and fast content delivery network that work better and more secure.

Here is how the CDN network works.

MaxCDN network

Use a fast web hosting

Even if you install the best plugins and you think you don’t need any CDN service, without a fast server, things are not going to help. The quality of web hosting is the first thing to look for, there are many companies, but the speed is a real challenge for any company.

Of course, you should never use the free web hosting service, they damage your website. So, focus on a premium quality hosting for WordPress or use a cheap web hosting with fast loading time like InMotion Hosting.

Website speed and business

No one wants to lose customers, because of a slow page load. In fact, Amazon loses a billion dollar and a half if their site loads one second late. The website speed and the user experience are all together. So, if you optimize your website for speed, and combine it with a better user experience, you’ll achieve a big goal.

Google, Microsoft, and all the other big companies invest millions of dollars in order to speed up their websites. They start from the server optimization including caching and compression. Then, they study the behavior of their customers and what they look for exactly in their landing pages. Next, their marketing teams run tests to improve the interactions between the user and the websites.

In the checkout pages, for example, many companies forget the image compression. So, when someone (the customer) checks that page, he gets large images and even videos in many times. Because of that web page size that’s huge, the customer will wait 30 seconds or more to get the page. As a result, the customer will close the page and search for other websites to buy from or even cancel the order and go.

It’s not about big companies only, but also, about small blogs and e-commerce websites. No one wants to see a page that loads in one minute or more. So, as a blogger, you’ve to keep your images optimized for speed as possible.

In other words, the image size and optimization is a key factor in our online business world. If you forget it, you’ll lose a lot, and if you take action, and solve problems, you’ll take your business the next level.

If you have other tips to submit, please let me know and I’ll add them.

Fathi Arfaoui: A Blogger, and founder of Trustiko.com. He shares Business, Blogging, WordPress, Web Safety, and Blogging tips to build better websites and blogs. Also, he shares online marketing strategies and recommendations.

Leave a Comment