Ссылки Поиск Написать В избранное NO

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

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

(11.03.2016 blogger) Адаптивный дизайн - Переделка сайта vedmochka.net

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

<meta name=viewport content="width=1024">

Этот мета тег принудительно ставит ширину контента 1024 пикселей для мобильных устройств. А на десктопе позволяет уменьшить окно браузера до минимума и спокойно работать. Подобный подход используется в кнопке полной версии для адаптивного дизайна. Хотя, там, как вариант, можно просто отключать «мобильные» стили по наличию куки. Да и саму кнопку можно показывать только в мобильной версии.
Грозит ли чем-то сайту работа с живой версией?
Нет, не думаю. В 99% случаев добавляется отдельный файл стилей adaptive.css и вся работа ведется только с ним.
Конечно, чтобы улучшить показатели теста Гугла, часто нужно включить Кеширование и Гзип в файле .htaccess (или на хостинге). Да и мета тег viewport тоже нужно обязательно добавить.
В принципе, это - все изменения кода на сайтах при работе. Даже адаптивные таблицы можно сделать при помощи стилей.
Как мне кажется, вполне безопасный подход. Но обновить бекап - всегда полезно! =)