5 Tips for Reducing Page Size
1) Resize and Compress Your Images
When it comes to page weight, images are one of the largest contributors. If you’re looking to downsize, you’ll want to start by resizing any unnecessarily large images.
When uploading photos, keep in mind that the image dimensions should never be greater than the size of the container. If the container has a maximum width of 500 pixels, there’s usually no reason to upload a 1,000 pixel-width image.
But let’s say you’d like to offer a high resolution image people could share and download — what should you do? We recommend uploading a picture that’s exactly the width of the container it’s in and hyperlinking it to the high-resolution version to avoid weighing down your page.
Aside from image dimensions, you can further shrink the size of an image by compressing it. Compressing an image helps reduce its file size, which ultimately helps to reduce the time it takes for a page to load.
If you’re looking for a compression tool, these are some of our favorites:
If you’re a HubSpot user, you’re in luck: The HubSpot COS features automatic image resizing and image compression.
“If a user uploads an image that has dimensions of 5,000 x 5,000 but is only displaying it on the website as 500 x 500, then using auto image resizing will help decrease browser load-time. Image compression, on the other hand, decreases the file size while retaining the quality of the image that was uploaded,” explains HubSpot’s Maggie Himba.
Of course, the easiest way to slim down the weight of your page is to eliminate as many unnecessary images as you can. But for the ones that need to stay, the tips mentioned above should do the trick.
Sourced through Scoop.it from: blog.hubspot.com