[Desh]

Всем привет!

Решил сделать отдельный дизайн для мобильной версии сайта. Скажите, можно ли будет в процессе сверстать все это дело так, чтобы людям, которые заходят с телефона, показывался дизайн для мобильников. А тем кто с компов, соответственно, обычный? Я не силен в данной теме, прошу меня извинить. Знаю, что можно играться со стилями в зависимости от девайса пользователя, а вот про целый отдельный шаблон не слышал.

Благодарю за ответ

[Ems]

Тут есть несколько вариантов. Сейчас самый популярный - это один дизайн для всех, но адаптивный. Когда не важно какое устройство, а важно разрешение экрана. И сайт сам подстраивается под размеры экрана. Ещё есть философия - mobile first, это когда дизайн сначала прорабатывается для мобильного устройства и постепенно для более больших экранов.

Если же нужен совсем отдельный дизайн для других разрешений экранов. То здесь тоже много вариантов. Начиная с правил CSS, которые будут применяться для определённых разрешений. Заканчивая кодом на javascript или python(или на чём там сайт написан у вас) - выдавать пользователю тот или иной вариант дизайна в зависимости от разрешения экрана.

В общем, либо через правила css можно выдавать другой дизайн, либо костылями на js или через движок сайта.

[Desh]

А что лучше с точки зрения скорости загрузки? Чтобы сайт быстро загружался, а не висел под гнетом 105000 скриптов. Как посоветуете?

[Ems]

А что лучше с точки зрения скорости загрузки?

Здесь ответ от многих параметров зависит. Может быть дизайн оптимизирован, а сам контент - нет. Например, картинки могут иметь очень высокое качество и большой размер или html5-видео на фоне сайта и т.д. что не даст толку от оптимизаций. Вообще, чем меньше javascript - тем лучше. Пример: facebook - тупит и тормозит интерфейс, даже на мощных системах. Почему? Куча всяких соплей js на клиенте висят и тормозят.

Правильнее конечно всем этим управлять через CSS3 media queries. Нативность в браузерах, поддержка аппаратного ускорения и т.д. Да и зачем городить лишнее, когда можно справиться одним лишь CSS? Например, если используется фоновое изображение, на более маленькие разрешения экранов - можно выдавать картинку меньшего размера и разрешения, на более большие разрешения - большую. Т.е. можно не только сам дизайн оптимизировать, но и его элементы.

[Desh]

Ems, спасибо большое за разъяснение! Теперь все стало понятно :)