38 ms·
Another thing I always notice on these "responsive" sites is some huge picture that gets downloaded even if you are on a tiny screen. Here it is 25*(224x224px)
by rplnt 15y ago
Another thing I always notice on these "responsive" sites is some huge picture that gets downloaded even if you are on a tiny screen. Here it is 25*(224x224px) + one bigger header image. That's quite good actually - I saw a site where I would get (as in download and render resized) a 2Mpix picture in the header even if I resized the tab to some 200px in width.
- nickzoic 15y agoReminds me of the good old days of <IMG SRC="Logo-From-Branding-Guidelines-2000x2000.gif" HEIGHT=100 WIDTH=100> ... It is pretty easy to avoid doing this with CSS background images: just use something like: .banner { background-image: url(banner-big.jpg); } @media screen and (max-width: 999px) { .banner { background-image: url(banner-small.jpg); } } ... of course, this kind of thing doesn't translate well into a "framework".