Wooassist

Assistance for Your Woocommerce Store

  • How it Works
  • Pricing
  • Site Maintenance
  • Blog
    • How-To Articles
    • Code Snippets
    • SEO For E-Commerce
    • Theme and Plugin Reviews
    • Wooassist News
    • WordPress/WooCommerce News
    • Interviews
  • About Us
  • Contact
You are here: Home / How-To Articles / Optimize Images on Your WooCommerce Store Before It’s Too Late

Optimize Images on Your WooCommerce Store Before It’s Too Late

October 27, 2017 By Nick J 2 Comments

Optimize Images on Your WooCommerce Store
A lot of WooCommerce store owners complain about their website loading slowly. While a slow website can be optimized to run faster, sometimes optimization can only on do so much if you don’t have the foundations for a fast website. Site speed optimization is not a one-off process. It should be done from the moment the website is created and implemented on a regular basis.

Optimize All Your Images before Uploading

Before you go and use an image on your website, it is important to have these images optimized. Take note where you will use your image and resize it to the actual size of image placeholder. Your image should be no bigger than the size that the image placeholder permits. Anything more than that is just unnecessary load on your server and a few milliseconds of extra page loading time.

It is also important to use an image editing application like Photoshop to remove image metadata and further optimize the image file size. For more information on optimizing images, you can read our guide on how to optimize images for the web. You can also use this online tool to help you optimize your images.

Also, make sure to use descriptive file names. This will help boost your SEO compared to default image files names containing number strings such as IMG20182708 or Image 1.

What If I Did Not Optimize My Images Before Uploading?

If you did not optimize your images before uploading them on your site, it is not too late. There are certain plugins that can help you. The WP-Smush plugin optimizes images as you upload them on your site. It can also optimize your images in bulk. However, the plugin can only do so much if you uploaded very large images.

If the images you uploaded are too large, it might be best to reupload an optimized version of that image. If you’ve had your site for years, this could mean a lot of work. There are no shortcuts but you can start with the images on the most important pages on your site. These include your home page, other landing pages, and best-selling products. Should you need help optimizing your site’s images, you can contact the Wooassist team to help out.

Optimizing Your Product Images

product-zoom-in-optimized-300x350In optimizing your product images, you will need to strike a balance between file size and image quality. Better images will have a bigger file size. The importance of image quality has especially been highlighted since WooCommerce started to implement the zoom functionality when hovering over product images. You now have to test zooming in on your images if they would still look good when zoomed. You don’t want your customers seeing a pixelated image when they try to zoom in on your product. Not all stores are alike so you will need to test what level of quality will work for your store.

Do Away with the Image Sliders

If you have large image sliders on your home page, you might want to consider removing them. Image sliders are resource-intensive and can really slow down a site. Combine that with unoptimized images, and your site will be a top contender for the slowest site on the web.

Sliders do not help your site convert. In addition, it is bad for your site’s user experience. There is an overwhelming amount of data that back this claim. Just check out these articles below.

  • Sliders suck and should be banned from, your website
  • Why Sliders Are Slowly Killing E-commerce Conversion Rates + What To Do About It
  • 6 Reasons Why Image Sliders Are Bad for Conversions
  • Don’t Use Automatic Image Sliders or Carousels
  • Homepage Sliders: Bad For SEO, Bad For Usability

What Should I Use in Place of Sliders?

Image sliders can cause banner blindness especially when your sliders look too much like ads. You can replace your image sliders with a single hero image with a large call-to-action. Compared to a slider which overwhelms your visitors with multiple calls-to-action, a single hero image will contain just one call-to-action. This means it will be easier for you to convince your visitors to take the action that you want them to take. When creating the hero image, make sure it does not look too much like an ad. Otherwise your visitors will just ignore it. The Wooassist team can help you set up a hero image on your store.

You can now start optimizing the images on your WooCommerce store. If you have any questions, you can contact us or let us know in the comments below.

People that read this article also liked

Improve Website Page Load Speed by Optimizing Images for Web superhero-silhouette-hero-imageHow to Add a Hero Image in Storefront 13 Routine Maintenance Tasks that You Should Do on WordPress and WooCommerce Why You Should Do a Plugin Audit on Your WooCommerce Store?

Filed Under: How-To Articles Tagged With: conversion optimization, hero image, image optimization, plugins, site speed optimization

Comments

  1. Fred Harrington says

    December 15, 2017 at 5:18 pm

    Another thing you should be doing to optimize your images before you upload them is giving them nice, descriptive filenames. A lot of people will just use random strings or numbers for filenames, which isn’t exactly bad, but it’s far from optimal. Filename plays a large role in an image ranking in image searches for whatever it is (ie. “cat.jpg” will rank much better for “cat” than an image of a cat named “123.jpg”). Seems kind of obvious, but personally I didn’t realize the importance of the actual filename for a long time – I thought all I had to worry about was the file size and the title/alt tags.

    Reply
    • Rob says

      February 27, 2018 at 1:41 pm

      Hi Fred,

      That’s right! Image file names are important too. I have edited the post to add this!

      Thanks for your input!

      Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Woocommerce Support

wooassist-team-in-Iloilo

Get 2 Hours of
FREE SUPPORT

We are so confident that you will love our services that we will give you your first 4 hours at a 50% discount

That's 4 hours for only $75

BUY NOW

Happy Wooassist Customers

Awesome! Fantastic! I just went to our site and I see that our site has been fixed!! We are getting orders again thanks to you all at WooAssist! Our site has not worked and looked this good for many months!! You all are awesome! Thank you so much for fixing our site! You have a customer for life! Thanks for making my day wonderful!

Kenneth Arnold

We have been quite pleased working with WooAssist as they help fill in the gaps of our development needs, all at a great price. They are always timely and communicate great, I highly recommend their services.

James Grasty

My husband and I am EXTREMELY pleased with the WooAssist Team. They provide excellent service, are very knowledgeable, and super easy to communicate with. The team ALWAYS has our company's best interests in mind. I love WooAssist! All of you make my job easier.

Jennifer Taft leetaft.com

Categories

  • Code Snippets
  • How-To Articles
  • Interviews
  • SEO For E-Commerce
  • Theme and Plugin Reviews
  • Wooassist News
  • WordPress/WooCommerce News

Recent Posts

  • The Ultimate Guide on How to Set Up Shipping on Your WooCommerce Store
  • WordPress Site Gets Infected
  • Where to Hire a WooCommerce Developer?
  • Recent Spike in Attacks Targeting Outdated WordPress Plugins
  • Security Vulnerability in Spam protection, AntiSpam, FireWall by CleanTalk
Let us support your online store so you can manage your business

Get started today

Get 2 Hours of FREE SUPPORT

We are so confident that you will love our services that we will give you your first 4 hours at a 50% discount

That's 4 hours for only $75

BUY NOW

Free eBook

Your subscription could not be saved. Please try again.
Your subscription has been successful.

YOURS FREE!

5 Things Every Online Store Can Fix On Their Website In The Next Week To Increase Sales

Quick Links

  • How it Works
  • Pricing
  • Blog
  • Contact
  • About Wooassist
  • My Account
  • Checkout
  • Privacy Policy
  • Cookie Policy
  • Terms and Conditions

Wooassist

Australia:
8 Storie St.
CLONTARF QLD 4019

Philippines:
San Miguel St.
Poblacion, Iligan City 9200

Connect

  • Facebook
  • LinkedIn
  • Twitter
  • YouTube

Copyright © 2023 · Wooassist

Yours FREE!

5 Things Every Online Store Can Fix On Their Website In The Next Week To Increase Sales