How to load your images faster
Faster loading websites perform better.
Keep your users happy with a quick site; improve your conversions; lengthen the time on site and; improve your search ranking. All these benefits come from faster loading pages.
Sirv handles file requests in lightening speed – just 0.01 seconds on average. With that taken care of, your remaining opportunities for rapid page loading are smaller file-sizes and faster delivery across the internet. If you’re showing 360 spinning images, fast image loading is even more critical. With so many images to download, these are the actions you should consider:
- Reduce image quality
- Change image format
- Reduce image dimensions
- Serve images over HTTP
- Use the Sirv CDN
1. Image quality
Sirv applies JPEG compression to reduce the file size of images. This also reduces image quality, so the default setting is 85% quality, which is a happy medium between between low file size and good quality.
To immediately lower your file sizes, reduce the JPEG quality below 85%, for example, to 80%.
1. Go to your Profiles folder and create a new profile:
Or edit an existing profile by right-clicking and choosing Edit:
2. Give your profile a descriptive name.
3. Navigate to the image type that you want to optimize. In the screenshot below we’re optimizing the main images of a spin:
4. Click 85% and move the slider to the % value you’d like to apply:
5. Click Save.
6. Apply the profile to any of your spins by adding ?profile=your-profile to the end of the spin URL. For example:
Preview your images at the lower quality to make sure you’re happy with the clarity and that they’re not over-compressed.
2. Image format
Be sure to serve your images in the most appropriate format – JPEG, PNG or WebP.
Sirv makes this easy with the “Optimal” format option. By default, all your images will be served in the format that gives the smallest possible file size (without changing image quality). This means you’ll automatically benefit from the very efficient WebP image format.
WebP is the most efficient of all web image formats. File-size is typically 25-50% smaller than JPEG, while keeping the same quality. It supports transparency and alpha too, so is a great alternative to PNG for faster image loading.
No matter what image format you uploaded, Sirv will process and serve them as WebP if possible. The format is only supported by Chrome and Opera so Sirv will automatically serve JPEG or PNG equivalents to browsers that don’t support WebP. You can specify which format to fall-back to:
If you’re serving PNG images, “Optimal” will also enable PNG optimization to slash your PNG image file-size by up to 75%. You can potentially reduce PNG file size even further with filtering options:
Refer to the documentation for an explanation of PNG optimization on Sirv.
3. Image dimensions
Even a small reduction in image dimensions can make a big difference in file-size and page load time. 360 spinning images are where the highest impact optimizations can be made as they typically comprise of 24-36 separate images.
Sirv serves 360 spins in 3 image sizes: main, full-screen and zoom:
- The main image size is the crucial one because these will load for all your users. Typical size is usually 300-400px width but very much depends on the design and layout of your site and the impact you want to make.
- The full-screen images will only load if the user clicks the full-screen icon on your spin. Try reducing this to 500-600px for a smaller but still decent size spin.
- A zoom image is shown when the user clicks to zoom into the spin. As only 1 image is downloaded, its OK to make it a big image to show close-up detail. Try using 1500px or even 2000px.
4. Serve images over HTTPS
Your pages and their content will be served faster over HTTPS than HTTP. HTTP can be a faster protocol because it doesn’t require time to encrypt and decrypt like HTTPS does but Sirv serves files over HTTP/2 which uses multiplexing to send multiple files over a single TCP connection. Delivery of many images on a page is considerably faster than either HTTP or HTTPS over HTTP/1.1.
//example.sirv.com/example.jpg– protocol relative
http://example.sirv.com/example.jpg– HTTP protocol
https://example.sirv.com/example.jpg– HTTPS protocol (recommended)
The embed code in your Sirv account uses HTTPS URLs, so if you copied that code, you’re already setup to benefit from HTTPS delivery with Sirv.
For further optimisation of your web pages, consider switching your entire website to HTTPS for improved security and because Google uses it as a ranking factor.
5. Use the Sirv CDN
The Sirv CDN caches your images on servers in 20 locations around the world, ready for delivery to your users. Your images are automatically served from the closest server to your user, thereby reducing the latency of each request travelling across the internet.
Depending on the location of your user, the Sirv CDN can achieve faster image loading of as much as 500ms per image.
All users benefit from an image CDN. The greatest improvements will be experienced by users in the west of North America, Asia, Australasia and South America.
Go to your Sirv account to start trying these techniques for faster image loading.
Not a Sirv user yet? Register now and start using Sirv immediately:Create your Sirv account