Есть разработанный самописный сайт для компании, которая занимается строительством домов. На сайте огромное количество фотографий, видео, а также чертежей. Все картинки имеют большое разрешение, так как используются как фоновые bg блоков. В основном это 1920х800. Мы по возможности сжали фото, конвертировали в формат WebP, что позволило добиться хороших показателей загрузки на десктопах.
Встал вопрос оптимизации этих фотографий для мобильных устройств, так как такие размеры фото и видео не нужны.
Мне пришла идея закинуть два варианта картинок в соответствующие папки img-desctop и img-mobile, и в с помощью проверки подтягивать нужные.
$img = "img/img-desctop";
// Если человек зашел с телефона
if ($detect->isMobile()) {
$img = "img/img-mobile";
}
Тоже самое я хочу повторить и с видео.
Имеет ли смысл реализовывать такой вариант или есть варианты лучше?
P.S. Если что, отложенную загрузку изображений сделали, просто такой большой формат еще трудно адаптировать под мобилку, чтобы это смотрелось круто.
Средний