Все таки придется переходить на https

Все верно, но у меня сейчас немного иначе. На страничке грузится фотка (превью), размером в 150 КВ, если нужно посмотреть в хорошем разрешении, то оп ней надо кликнуть, подключается галерейная библиотека и выводит оригинальную фотку.

150 КВ это много?

Это хороший и правильный подход. Но размер превью.. может быть разным для разных разрешений экрана. Вот тут некоторые применяют ccs @media, что не есть правильно в большинстве случаев. Так грузятся все картинки. Другие определяют юзер-агент с пом. php и выдают сразу нужную. Это более правильно. Но при использовании srcset этого ничего не нужно, браузер ничего лишнего не грузит. Но с др стороны - не поддерживается старыми браузерами.

Зависит от содержания и размеров картинки. Но наверное много... Напр фотка города 400x300 весит 25-40кб.

Впрочем это уже совсем не про https :)

а что плохого в ccs @media?

у меня по большой стороне 750px, а вес от 80 до 150КВ, оригинал 1000Px, а вес примерно от 200КВ. В https , как я понял (но не уверен) можно грузить картинки в несколько потоков. Таким образом вес не особо важен.

Этот метод хорош для других целей, напр свернуть меню. А показывать разные картинки в скрытых блоках- плохой подход. Они тянутся все. Лишний трафик, скорость загрузки.

Вес важен всегда.

А несколько потоков к httpsу отношения не имеют (или может ты про какие-то другие потоки?) — браузеры в любом случае работают в неколько потоков.

У меня 10 000 картинок, метод когда для каждого расширения экрана свой размер - слишком дорог в плане места на хостинге (так как множит дубли), но это более правильное решение в качестве трафика. Согласен.

Нет, не тянутся.

Вернее так, если речь идёт о @media запросах - не тянутся, ведь речь о них идёт? Просто непонятно, причём тут "скрытые блоки".

Вероятно из-за того, что с помощью @media на малых экранах блоки делают display: none и т.д.

"сделать" disaply:none может только подключённый к станице сценарий (js например), @media запроосы рабоотают на уровне движка браузера, рендеринга подключённых стилей.

Детальное исследование, как разные браузеры обрабатывают разные @media запросы

Самое забавное, что как раз при dispaly:none в медиа запросе почти все браузеры будут загружать картинку.

А вот если делать по-человечески, то почти все браузеры не будут грузить изображения, не подходящие по параметрам @media запроса.

Я перешел на https на двух сайтах.Разницы вообще не понял 😕

Хостеры уверяют, что место на винтах ныне дешевое :) (Да и не так уж сильно увеличивается объём, если правильно подходить к вопросу. Куда существенней скорость загрузки и трафик)

Многие в html-е делают несколько дивов с картинками. Показывается только один под одно разрешение, остальные скрыты. Так тянуться все картинки.

Да ладно! :)

---------- Добавлено 11.09.2017 в 10:58 ----------

Об этом я и говорил.