I want to optimize wordpress by compressing images before upload. Is there a reference for how large (data volume) images should be for following viewports (widths):
mobile (<768px)
tablet (>768px)
desktop (>1200px)
I’ve taken these numbers from bootstrap.
I’ve built a site with images of about 400kb each and it scored 60 in web.dev. Not sure if this is because no lazy loading is implemented or because the images are too large.
Do you know of a reference for the optimal image size depending on viewport?