The current discussion revolves around a specific image file whose size exceeds 100KB - a size often regarded as substantial.
Why is this important?
Optimizing imagery and ensuring they are correctly dimensioned for display is a straightforward strategy to advance page load speeds.
It’s worth noting, however, that the 100KB benchmark is somewhat subjective. Our goal is to highlight images that are considerably large and may potentially slow down the loading process.
What does the Optimization check?
The following criterion is used by this Optimization: it activates for any image file tipping the scales at over 100KB:
<img src="example.jpg" alt="Large image example" />
How do you resolve this issue?
There's a bit of ambiguity when defining an image as 'excessively large'. Images integral to a page which require a larger file size necessitate careful consideration before downsizing simply for load time enhancement.
On the flip side, a 100KB image as a sole visual component on a webpage might not significantly impair loading speeds.
Nevertheless, embracing a practice of minimizing image file sizes when possible is beneficial. Utilize this Optimization as a tool to pinpoint images that are the primary culprits in terms of size, then verify whether they have been compressed, correctly scaled, or if they could be converted to a more efficient image format to conserve file size.