Как лучше из многостраничника (30 стр) сделать одну страницу для мобильных и добавить в основному сайту?
Есть рукописный многостраничник на bootstrap, в котором дизайнер решил разместить много-много картинок . Сайт сделан под разрешение более 1200px и для разрешения от 1200px до 1000px. Чтобы дальше не возиться с большим количеством картинок (их масштабированием--преобразованием и т.д.) возникла идея — для смартфонов сделать один сайт (длинный).
Возникает вопрос: Как к этому основному сайту "добавить" одностраничник? Не хотелось бы его "добавлять" к каждой странице этого многостраничника, дублируя при этом код. Как сделать это одной страницей, но чтоб она грузилась сама при разрешении экрана менее 1000px?
Можно определить устройство по http заголовку и отдать на сервере нужную страницу для мобильников и планшетов. Но при редиректе скорость ответа сервера уменьшается.