Мобильная и десктопная верстка, как не грузить лишнее?
Если не предполагается использование браузеров раннего палеолита, то можно так:<picture alt="description of image">
  <source src="small.jpg">
  <source src="medium.jpg" media="(min-width: 400px)">
  <source src="large.jpg" media="(min-width: 800px)">
  <img src="small.jpg" alt="description of image">
</picture>
Пользуюсь конечно для этого Bootstrap'ом.
вот в этом весь подвох, пользоваться без понимания происходящего
https://developer.mozilla.org/en-US/docs/Web/CSS/M...
первая же строка дает пояснение как делать отдельный цсс (картинки, фоны и тп можно засунуть в этот цсс в дата-урл или просто грузить нужного размера) + srcset + модульная структура
в foundation есть спец функции foundation.zurb.com/docs/components/interchange.html, что в принципе не сложно самому написать как минимодуль