[PROPOSAL] Updading `src` only if the size gets bigger

[thom4parisot]

tl;dr

Don't waste radio effort to download a better quality image as the browser can just redimension it.

Use Case

<div style="width: 480px">
  <img src="/assets/480/example.jpg" data-src="/assets/{width}/example.jpg" class="responsive-img">
</div>

Should become:

<div style="width: 240px">
  <img src="/assets/480/example.jpg" data-src="/assets/{width}/example.jpg" class="responsive-img">
</div>

Instead of:

<div style="width: 240px">
  <img src="/assets/240/example.jpg" data-src="/assets/{width}/example.jpg" class="responsive-img">
</div>

Pros

• time saved
• no network usage

  Cons

• uses CPU to compute

  Interrogations

• repaint costs > network costs

I guess waking up the radio has a much higher latency though. To be confirmed.

^ Resize? Resize? No Resize!