ИБ
Size: a a a
ИБ
ИБ
ИБ
ИБ
ВБ
ВБ
BS
ВБ
ВБ
<picture>
<source media="(max-width: 767.98px) and (orientation: portrait)" type="image/webp" srcset="/img/big-banner__mob.webp 1x, /img/big-banner__mob@2x.webp 2x">
<source media="(max-width: 767.98px) and (orientation: portrait)" type="image/jpg" srcset="/img/big-banner__mob.jpg 1x, /img/big-banner__mob@2x.jpg 2x">
<source media="(max-width: 1024px)" type="image/webp" srcset="/img/big-banner__tab.webp 1x, /img/big-banner__tab@2x.webp 2x">
<source media="(max-width: 1024px)" type="image/jpg" srcset="/img/big-banner__tab.jpg 1x, /img/big-banner__tab@2x.jpg 2x">
<source type="image/webp" srcset="/img/big-banner.webp 1x, /img/big-banner@2x.webp 2x">
<img src="/img/big-banner.jpg" srcset="/img/big-banner.jpg 1x, /img/big-banner@2x.jpg 2x" alt="" class="big-banner__img">
</picture>
Вот так у меня выглядит здоровенный главный баннер на сайте. что бы гугл и пользователи были довольны.DP
swap
, внешние ресурсы preconnect
ВБ
DP
DP
DP
ВБ
DP
ВБ