Делаем мобильный сайт так, чтобы это никто не заметил

При переделке сайта vedmochka.net под мобильные устройства я столкнулся с задачей скрыть рабочую версию от посетителей. Это было связано с высокой посещаемостью портала.

Так как работаю я всегда с живой версией сайта, а половину времени адаптации занимает работа с контентом, был выбран простой и действенный вариант:

Этот мета тег принудительно ставит ширину контента 1024 пикселей для мобильных устройств. А на десктопе позволяет уменьшить окно браузера до минимума и спокойно работать. Подобный подход используется в кнопке полной версии для адаптивного дизайна. Хотя, там, как вариант, можно просто отключать «мобильные» стили по наличию куки. Да и саму кнопку можно показывать только в мобильной версии.

Грозит ли чем-то сайту работа с живой версией?

Нет, не думаю. В 99% случаев добавляется отдельный файл стилей adaptive.css и вся работа ведется только с ним.

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

В принципе, это - все изменения кода на сайтах при работе. Даже адаптивные таблицы можно сделать при помощи стилей.

Как мне кажется, вполне безопасный подход. Но обновить бекап - всегда полезно! =)