{{ viewName }} Page Weight Report
https://baremetrics.com
Baremetrics – Stripe Analytics & Metrics
Report Generated:
1.75MB
Total Page Weight
light
1.11MB
Image Weight
63% of Total
light
85%
Potential Savings
Image Optimization Saves 1000KB
How Images are Affecting Your Page Weight
1.11MB Image Weight
1.75MB Total Page Weight
HTML, CSS, JS
Images
Original Images
Images are 63.33% of your page weight, causing a wait of 6.8 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.
Ordered By Image Weight Savings
{{ viewName }} Page Weight Report
https://baremetrics.com
Baremetrics – Stripe Analytics & Metrics
Report Generated:
1.81MB
Total Page Weight
light
1.01MB
Image Weight
56% of Total
light
94%
Potential Savings
Image Optimization Saves 1000KB
How Images are Affecting Your Page Weight
1.01MB Image Weight
1.81MB Total Page Weight
HTML, CSS, JS
Images
Original Images
Images are 55.60% of your page weight, causing a wait of 4.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.
