{{ viewName }} Page Weight Report
https://www.producthunt.com/
Product Hunt
Report Generated:
1.13MB
Total Page Weight
light
511KB
Image Weight
44% of Total
light
25%
Potential Savings
Image Optimization Saves 100KB
How Images are Affecting Your Page Weight
511KB Image Weight
1.13MB Total Page Weight
HTML, CSS, JS
Images
Original Images
Images are 44.15% of your page weight, causing a wait of 3.2 seconds for your users. Even a 1-second delay can lead to a 6% decrease in engagement.
Optimized
HTML, CSS, JS
Crunching Images
By applying basic optimization and resizing images to fit their containers, you can cut
Your Worst Performing Image
By making a few small changes, you can dramatically speed up your images. Let’s look at an example.
Image Weight
Image {{ $f.pluralize('Problem', props.imageProblemsCount) }}
- Could be compressed further, with minimal quality loss.
- Output format isn't the best option for this browser.
- Image is larger than the container and should be resized to fit.
Optimized
Speeding Up Image Load Time
By applying basic optimizations using imgix, we reduced this image to {{ $f.round(props.bytes / props.bytesOriginal * 100, 1) }}% of its original file size with minimal to no quality loss. Try adjusting the values above; you may be able to get a smaller image.
Your Page's Image Breakdown
This is not the only image that’s slowing down your site. We’ve prepared a
free audit with full stats on every image on this page and advice on how you
can make them faster.
{{ viewName }} Page Weight Report
https://www.producthunt.com/
Product Hunt
Report Generated:
1.65MB
Total Page Weight
light
396KB
Image Weight
23% of Total
light
10%
Potential Savings
Image Optimization Saves 40KB
How Images are Affecting Your Page Weight
396KB Image Weight
1.65MB Total Page Weight
HTML, CSS, JS
Images
Original Images
Images are 23.46% of your page weight, causing a wait of 3.5 seconds for your users. Even a 1-second delay can lead to a 6% decrease in engagement.
Optimized
HTML, CSS, JS
Crunching Images
By applying basic optimization and resizing images to fit their containers, you can cut
Your Worst Performing Image
By making a few small changes, you can dramatically speed up your images. Let’s look at an example.
Image Weight
Image {{ $f.pluralize('Problem', props.imageProblemsCount) }}
- Could be compressed further, with minimal quality loss.
- Output format isn't the best option for this browser.
- Image is larger than the container and should be resized to fit.
Optimized
Speeding Up Image Load Time
By applying basic optimizations using imgix, we reduced this image to {{ $f.round(props.bytes / props.bytesOriginal * 100, 1) }}% of its original file size with minimal to no quality loss. Try adjusting the values above; you may be able to get a smaller image.
Your Page's Image Breakdown
This is not the only image that’s slowing down your site. We’ve prepared a
free audit with full stats on every image on this page and advice on how you
can make them faster.
