Flying Spares, provider of spare parts for vintage cars and high quality marques, displaying a Rolls-Royce from their eCommerce Shopify development from magic42

Flying Spares

International B2B Magento with 240k catalogue, Khaos Control Integration and digital marketing.
See our work
Stone Computers Case Study by magic42

Stone Computers

Adobe Magento Commerce B2C, B2B portal and PunchOut sites and bespoke loan payment solution.
See our work
Alan Paine quality clothing retailer showing their brand, as featured in their case study for their eCommerce website with magic42

Alan Paine

Multisite, B2C migration from Magento to Shopify Plus with ERP integration.
See our work
Haws Watering Cans case study after eCommerce development agency, magic42, migrated their site to Shopify

Haws Watering Cans

B2C eCommerce strategy, UX improvements, AdWords and Klaviyo email marketing management.
See our work
Alan Paine quality clothing retailer showing their brand, as featured in their case study for their eCommerce website with magic42

Alan Paine

Multi-site, B2C migration from Magento to Shopify Plus with ERP integration.
Find out more
Roger Clark Motorsport automative eCommerce client case study from magic42, showing high quality silver cars in a slick garage

Roger Clark Motorsport

B2C and B2B migration of bespoke, global automotive parts website to Shopify.
Find out more

Call Us

Speak to a Shopify expert:

0121 663 6360

Get in touch 
magic42 - eCommerce development experts born from retail success

Born from a retailer

Read the full story of how our award-winning retail business developed into magic42.
Find out more
Envision Workshop documents as an outcome from our replatforming and migration meeting for your eCommerce website

How we'll work with you

Find out what it's like to partner with us and the steps involved for your eCommerce project.
Find out more
Alex Ashman, director of magic42, in a bumper car with a huge grin on his face as he mingles with his eCommerce development team at magic42

Looking to join us?

Take a look at what it's like to work at magic42 and the opportunities we offer.
Find out more

Call Us

Speak to our eCommerce experts:

0121 663 6360

Get in touch 

How to compress images for Magento pages

Author: 
Alex Ashman
Published: 
February 4, 2020

The process of making your website mobile responsive is one that involves various optimisations. From making your images mobile responsive to building websites with a ‘mobile first’ approach.

Every area that is focused on mobile optimisation is going to help increase engagement, traffic and ultimately conversions.

In order to increase the speed of your website, there are a range of areas that can be drilled down into such as minifying CSS or using CDNs.

However, one basic process is to ensure that each image that is being uploaded to your Magento website is being compressed to reduce its file size and therefore the load time for the end user.

So why does this matter?

According to a Google report, “53% of mobile site visits leave a page that takes longer than three seconds to load.”. Not only does this show the priority that should be given to speed, it’s even more important once you see what percentage of your traffic visitors are using mobile devices.

The report continues: “while more than half of overall web traffic comes from mobile, mobile conversion rates are lower than desktop. In short, speed equals revenue.”

With this in mind, every time we think about speed we can consider how to pick off the low hanging fruit. What images could you replace with a lighter image size without dramatically reducing its quality?

How to identify if you need images compressing

In short, there are analysis tools you can use in order to discover the best opportunities available to improve. As you might expect, Google has an analysis tool, which will quickly identify image compression opportunities.

You can use the Google Page Speed Insights:

Other options include Lighthouse, a Google chrome app which is an automated tool for improving the performance, quality, and correctness of your web apps.

How to optimise images for Magento

The natural step from here is: how can you make these changes? There are different tools and processes you can make in order to improve your image weight. To start off with, here are some suggestions for image optimisation CDNs:

As for the image itself, here are a few image optimisation APIs, although some of these allow for manual upload and automated compression of your images such as TinyPNG or Imagify.

It’s worth keeping in mind users who are on higher resolution screens.

It is a minority of web traffic that uses 4K screens, Retina' and 'HiDPI, but if you have a high resolution screen yourself, then it will help you get a better understanding of how much the image compression will impact the quality of your images.

Magento also includes it's own compression algorithm - you need to check the final size and quality of the images with each of the tools to find the optimum solution.

Keep in mind additional benefits

Remember that site performance is only one area that will help improve your site conversion and user experience. At magic42, we would be glad to help you identify other areas that will help your Magento site perform.

We’ve completed speed and ecommerce audit reviews for a range of clients and would love to do the same for you.

Related services

Iterative eCommerce Growth
Magento integrations
International eCommerce

magic42 is a UK-based eCommerce development agency, born from an award-winning retailer. Having grown with the industry since the year 2000, we provide our unique perspective to help clients get the best from their eCommerce platforms.
Company No. 11572347 VAT No. 310 2436 61
Shopify Partners Logo (as used by Shopify Development Partners)
© Copyright 2024 magic42 Limited - All Rights Reserved
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram