Например, возьмём Тостер. У него есть мобильная версия и полный сайт. Как можно это реализовать? Как определить, что у пользователя телефон и нужно открывать мобильную версию?
А где вы у Тостера мобильную версию увидели? Мобильная версия — это отдельный сайт на отдельном домене или отдельный подсайт, но в любом случае — другие страницы, не те же, что и в декстопной версии.
У Тостера же страницы одни (одна версия сайта), просто используется адаптивная вёрстка с применением media queries.
Согласен. Все же полноценная версия сайта может быть очень тяжелой, и хоть адаптивная верстка и сожмется под экран, все равно большое количество элементов в DOMе хорошо не скажуется на производительности.
Поэтому надо исходить из задачи. Если страница будет не сильно загруженной, смысла создавать отдельное представление нет.
Верно.
1) Можно создать отдельную представление, со своей версткой под маленькие экраны. Как например m.vk.com
2) Адаптивная верстка, можно тот-же twitter bootstrap взять, если самому не хочется все писать.
Самая лучшая мобильная версия - отдельный шаблон для CMS с модулем переключения мобильных пользователей.
Нет тяжелого кода адаптивного дизайна, десктопная версия настроена на свои нужды, мобильная на свои.
Простой
