Но здесь много работы.

Если изначально хорошо продумать дизайн и структуру, то всё очень просто.

Работы не больше, а значительно меньше чем если делать отдельно и мобильную и десктопную версию (как это раньше делалось).

Интересно кто как убирает неосновную информацию, ну не грузить же всю на мобильник.

Именно для этих целей и создаётся сначала мобильная версия,

где грузится всё необхоодимое.

А потом, по мере расширения экрана можно доподключать отключённые (незагружаемые на мобильной версии) элементы.

Интересно кто как убирает неосновную информацию

Есть много вариантов, всё зависит от поставленной задачи и реакции на это "выключение" со стороны поисковиков.

Я пользуюсь обычно

"

    position: absolute !important;   
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */     
    clip: rect(1px, 1px, 1px, 1px);

"

Потом, когда нужно включить, то позицию поменять на relative и задать размеры.

Вот здесь немного описано:

http://qaru.site/questions/651510/how-to-hide-any-element-...