Как убрать из html блок при определённом размере экрана?

Есть блок с большими картинками, которые на мобильном вообще не нужны. Если скрывать через @media .nomob{display:none}, то картинки всё равно жрут трафик.
Я так понимаю, что тут поможет JS-скрипт со сравнением размера экрана:
function screen_check(){ if ($(window).width() <= 992) { $('.nomob').?????????; } ; } screen_check(); $(window).on('resize', function(){ screen_check(); });
Пожалуйста, без jQuery.

Ответ

Лучше определять устройство на сервере по User-Agent: в Headers. И в зависимости от устройства посылать мобильную или десктопную версию. Тогда не потребуется грузить front-end лишними скриптами.