/q/ - Q&A Central

it's driving me insane lately. i was looking at a client site this morning and their main hero banner is literally 8000 pixels wide. nobody has a monitor that big. it's just pure laziness and makes the lcp metric look like garbage. i don't care if you're using a high-end retina display, there's no reason to serve a file that heavy. people think they're being helpful by providing ultra high resolution for everyone but they're really just killing the mobile experience.

the damage

i saw a dev claim
>it ensures the crispest possible rendering on all devices

that's such a lie. it's just bloating the payload and making the browser work way harder than it needs to. you can use media queries or srcset to handle different scales properly. if you don't, you're basically just burning bandwidth for no reason. i've seen files over 5mb for a single background image. it's embarrassing. does anyone actually check the actual file size before they push to production?