That, in turn, impacts how long people stay on your site and how many of them convert. They’re some of the “heaviest” and most difficult files for a server to work with, and their size and quality can make or break your web performance. Images take up more space then any other part of a website, especially when it comes to online stores. One of the best places to start is by optimizing your images for web. So how do you speed up your online store? GTMetrix includes helpful visuals and prioritizes speed concerns.Pingdom Page Speed explains your page size and load time.Page Speed Insights by Google lets you know how your site loads on both desktop and mobile.
#How to compress pictures in a bigcommerce website how to#
There are a couple of free tools available online that will scan your site and give you a speed score, along with a step-by-step breakdown of the biggest problems and how to improve them. How can you find out the speed of your website? Website visitors aren’t waiting ages for a page to load, nor should they have to. 40% of visitors will abandon a page that takes three seconds or more to load.47% of people expect a web page to load in two seconds or less.That may sound vague, but consider these stats: If your site isn’t loading as quickly as possible, you could be losing out on sales. They leave the site without buying, never to return. Search engines penalize online stores that load slowly – but more importantly, so do users. Why does site speed matter when it comes to your online store?Īccording to Kissmetrics, 79% of web shoppers who have trouble with website performance say they won’t return to the site to buy again. Why is this important? How do you get started, and what do you have to do? You’ll find answers to all of these questions below. Think about how you use the web: If you’re specifically looking to purchase something, waiting even 10 seconds for a page to load can be insanely frustrating.Īs an eCommerce site owner, how can you easily improve the speed of your online store?īy optimizing all of your images for web. Everyone on the Internet likes fast-loading sites. And that’s better than any super high quality, long-loading image you can display.People like fast sites search engines like fast sites. Instead, they’ll notice that your website’s speed is much higher. In all likelihood, no one’s going to notice a slightly lower quality photo. When you’re satisfied, upload the image to your website.īut that’s how you compress your images.
![how to compress pictures in a bigcommerce website how to compress pictures in a bigcommerce website](https://dt2sdf0db8zob.cloudfront.net/wp-content/uploads/2018/10/image1-26-840x430.png)
You can also use another app, like ImageOptim, to further compress the image. I typically shoot for under 100kb, but I avoid dipping the quality under 30%. I would aim to get the image size no bigger than 150kb if possible. In Photoshop, you go to File -> Export -> Save for Web. For example, featured images here on this site are no bigger than 1500 pixels wide.įinally, export the image and set the image quality or compression. If you still need to edit the image dimensions, do so. When you make this change, you’ll notice the image dimensions drop as well. Some photos are likely at 300 DPI since that’s what’s typically used for print. Make sure the resolution or dots per inch (DPI) is around 72. To compress your images, you’ll want to adjust the “Quality” meter. This is the “Save for Web” modal in Photoshop. And it provides a much better experience for your users. If your website takes a long time to load, people are going to leave your website.īut if you go in through an image editor and compress the image, say to 100 to 200kb, you’re going to see a tremendous improvement with how quickly your web pages load. It’s extremely painful.īy compressing your images, your web pages are going to load much quicker. Have you ever tried to load a page that has very large images and it takes forever and a day to load? Have you ever tried to do that on a phone? Better yet, have you tried it on a slow network. Because your users will more than thank you for it. So let’s discuss compressing your images. That’s easily a second or more saved in page load time. It only takes a few minutes to take a 1 megabyte photo down to around 100 or 200 kilobytes. That’s not good.īut this can easily be fixed. The page takes forever to load, and if I’m in a hurry, it’s slowed my whole process down. It leads to the whole web page slowing down. I’m not talking about the actual dimensions being too large, but rather the file size of the image.
![how to compress pictures in a bigcommerce website how to compress pictures in a bigcommerce website](https://cdn.dribbble.com/users/116740/screenshots/1902743/media/1b0f52681c53602d4a2d37d44a3d6722.jpg)
One of the most annoying things I come across on some web pages are images that are too big.