{{ viewName }} Page Weight Report
http://eager.io
Eager
Report Generated:
5.72MB
Total Page Weight
heavy
4.43MB
Image Weight
78% of Total
heavy
42%
Potential Savings
Image Optimization Saves 2MB
How Images are Affecting Your Page Weight
4.43MB Image Weight
5.72MB Total Page Weight
HTML, CSS, JS
Images
Original Images
Images are 77.51% of your page weight, causing a wait of 3.4 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
http://eager.io
Eager
Report Generated:
1.17MB
Total Page Weight
light
272KB
Image Weight
23% of Total
light
72%
Potential Savings
Image Optimization Saves 200KB
How Images are Affecting Your Page Weight
272KB Image Weight
1.17MB Total Page Weight
HTML, CSS, JS
Images
Original Images
Images are 22.79% of your page weight, causing a wait of 1.7 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.
