Версии сайта, мобильная и пк без поддомена?

Question

[yakovlevq]

Привет, насколько целесообразно делать 2 версии сайта путем ajax запроса файлов после проверки.
Если пользователь с телефона - загружать мобильную версию index_mobile.php
Если с пк - index_pc.php

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

Конечно, думаю о том что делать с теми у кого не поддерживается JS - сайт вообще не загрузится и это такое себе.

Что скажете насчет реализации, как сделать исключения для тех у кого не работает js и загрузить какую-то другую версию сайта и тп?
Или может уже есть какие-то готовые библиотеки и т. п.?
Заранее - спасибо.

Comments

[Антон Р.]

У меня на мобиле 1920*1080, твоя проверка на < 1000 пройдет?
Вообще зачем ты сюда приплел js, попробуй что-то такое: https://www.php.net/manual/ru/function.get-browser.php

[Александр Епихин]

Антон Р., пройдет. Зайдите с телефона сюда

[Александр Епихин]

yakovlevq , Антон Р. прав. Нужно делать на стороне сервера Разбирая HTTP_USER_AGENT

По коду.
Значение переменной type лучше присвоить через тернарный оператор

let type = width < 1000 ? 'mobile': 'pc'

Из функции loaderSite лучше убрать if/else. Вы в качестве параметра передаете type, можете это значение подставить в url и data. Тогда код у вас сократится вдвое.

[Антон Р.]

Александр Епихин, и тем не менее js подмешивать в чисто серверную логику - ну такое...

Answer 1

[Андрей Андреев]

Сделайте средствами CSS

Comments

[yakovlevq]

Не вариант, сайт итак адаптивен под мобилки, некоторые блоки скрываются путем display: none;, но - со стороны оптимизации это не очень ведь клиент загружает те данные которые display: none, просто их не отрисовывает. Зачем пользователю с телефона загружать то, что у него не будет отображаться?

[Виталий Першин]

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

[zkrvndm]

Конечно, думаю о том что делать с теми у кого не поддерживается JS - сайт вообще не загрузится и это такое себе.

Не нужно ничего с ними делать. Просто добавьте предупреждение о том, что для корректной работы сайта нужен JavaScript и забудьте об этих людях - нынешний веб и js неотделимы.

[ProjectSoft]

yakovlevq, делайте всё на сервере.
Если useragent мобильный - подменяйте шаблон. Нет отдавайте дефолт.
Не нужно делать этого на фронте. Потом упрётесь в SEO и всё сначала.

Answer 2

[Kizzeon]

Вариант один: Выдавать html код исходя из того, что у пользователя(телефон планшет или пк) например с помощью mobile detect или его аналогом встроенным в CMS.
Из cms реализации знаю mobiledetect для MODX

Вариант второй: Если есть много динамических данных, которые нужно вставлять в html то может быть рациональным превратить веб сайт в веб приложение. Но если там мало динамического контента то не рекомендую выбирать этот вариант

Вариант третий: Сделать отзывчивый сайт на медиа-запросах, всяко лучше чем перекладывать нагрузку на сервер в большинстве случаев

И потом вариант с поддоменом

Что лучше для вас - выбирайте сами