In 2021, eCommerce merchants face a host of issues: abandoned shopping carts, shipping delays, disrupted supply chains, increased web traffic, and more. With all of these obstacles in the way, eCommerce merchants must ensure their sites are operating at tip-top shape. One of the easiest ways to bolster site health, improve the customer experience, and increase sales is to address site speed.
What is site speed?
Site speed measures how quickly your website loads. You can also measure individual page speed to get a more granular look at how your site is performing on a page-by-page basis.
Site speed matters because it drastically affects customer experience, customer satisfaction, and, ultimately, your bottom line.
According to Unbounce, a one-second delay in page loading time can obliterate conversion rates by up to 70%. And Neil Patel found that 40% of site visitors abandon pages that take longer than 3 seconds to load.
Customers don’t want to wait for your website to load. If using your website is time-consuming, annoying, or difficult, they’ll be out of there before your products can even pop up. In a worst-case scenario, your site visitors may even associate your poor loading time with incompetence or untrustworthiness.
eCommerce merchants can’t afford to let their site speed slip. Fortunately, there are many tactics you can employ to increase site speed. We’ll get into 8 of them below, but first: how do you measure site speed?
How to measure site speed
To measure your site speed, you can use tools like Google’s PageSpeed Insights or Pingdom. Google recommends aiming for an average page load time of less than two seconds across your site. An ambitious goal, but one that will pay off in the end: Mozilla found that reducing your load time by 2.2 seconds could increase conversions by 15%, while Walmart saw revenue go up by up to 1% for each 100 milliseconds they shaved off their load time.
8 ways to improve site speed
1. Compress and resize images
Your images can be a surprising source of drag on your page load time. The bigger and sharper the image, the longer it takes to load. There are three areas you should focus on to compress your images and optimize loading time:
- File size
- Image dimensions
- Image resolution
The file size refers to the number of kilobytes (KB) or megabytes (MB) your file takes up. In general, you should aim to keep each image below 100 KB. If any images approach or even exceed 1 MB, they’re going to significantly bump up your load time. Reduce file size by using image compressors like Tinypng, which automatically compress images without sacrificing quality.
Oftentimes, images are much bigger than they need to be. Cut down on load time by ensuring each image is at the correct dimension: not too large, and not too small. For example, if you have a small image on your page, it doesn’t need to be 1000px x 1000px. Instead, you can resize the image to 300px x 300px and eliminate unnecessary load time.
Finally, the image resolution refers to the sharpness or quality of the image. High-quality images have a resolution of 300 DPI. This means there are 300 dots (or pixels) per square inch of the image, which leads to crisp, sharp images. 300 DPI is the gold standard for print images. However, your eCommerce site doesn’t need print quality. The standard for web images is 72 DPI. Work with a designer or online tool to lower the quality from 300 DPI to 72 DPI, and, moving forward, ensure you create or source each of your images at 72 DPI.
2. Minify your code
According to Google, minifying your code means “removing unnecessary or redundant data without affecting how the resource is processed by the browser.” This unnecessary data could be formatting, whitespace, code comments, or unused code—anything that slows a page down without contributing anything of value.
3. Optimize page loading
Synchronous loading means the script loads one element at a time, while asynchronous loading means the script loads several elements simultaneously.
It’s better to choose synchronous loading, as it reduces the number of elements the page loads at one time, increasing site speed.
You can also choose to defer loading, which prevents elements from loading on a page until other elements have loaded first. With deferred loading, the