Мобилопригодность(c) - новый алгоритм Владивосток

Пачка сайтов - сделаны по похожим технологиям адаптивной верстки...

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

Вот нахрена надо было вводить эту самодеятельность? Опоздали на год, так еще и свой стандарт выдумали... тьфу.

А я чего-то думал, что если мобильник с маленьким экраном, то неважно какое у него расширение, а важно, чтобы была версия именно под мобильник. И так же с планшетом.

Поэтому, при идентификации мобильника подставляется версия для мобильника, с возможностью перехода на основную версию. И тоже самое с планшетом.

А то ведь на современных мобильниках разрешения уже не детские, но это не значит, что там удобно работать с полноценной версией.

Ках-то тах!

---------- Добавлено 03.02.2016 в 23:01 ----------

Делаю сейчас под 320. Ни на что не претендую. Так посоветовали.

Unlock, я понял.

Прогнал сайты. Итого рабочих три метода нашел:

1. Классическая адаптивная верстка. Основной минус - для смартфонов десктопная версия, приведенная к мобильному виду средствами CSS, может оказаться тяжеловатой. Особенно с учетом того, что с компа нынче ходят через выделенку или WiFi, а на смартфоне мобильный интернет намного медленнее.

2. Отдельный шаблон, который выдается определением типа устройства на стороне сервера. Некоторые CMS, например Wordpress, имеют поддержу этого варианта на уровне ядра (функция wp_is_mobile()). Плюс - самый скоростной вариант для клиента, ничего лишнего. Убираем все графику - летать будет даже на 2G. Для планшетов отдается стандартный десктопный вариант.

3. Комбинированный вариант. Верстка адаптивная, но для смартфона часть элементов отключается на стороне сервера.

AMP пока тестирую, ничего сказать не могу.

Это плохой вариант. Планшетам, почти всегда, не нужна отдельная версия. Смартфонам - большей части да, но не всем. А отделить смартфон от планшета, с высокой достоверностью - сложно.

подход есть - `сначала мобильные`, решает многие вопросы, читали? //www.ozon.ru/context/detail/id/15708347/

Планирую перевести сайт на AMP. Пока что адаптивная верстка.

что вам мешает дернуть от туда исключительно то что нужно вам? ссылку дал исключительно как пример реализации.

😂подняли настроение, спасибо

Что-то не особо понимаю, как можно сравнивать в нынешнее время мобильную версию и адаптивную верстку. Разрешение мобилопланшетов скачет от 260px до 2500px. Мобильная версия, на мой взгляд, то еще извращение в современных условиях. Наживается куча геморроя.

По моему опыту работы с адаптивной версткой, при разработке сайт проходит след. этапы:

1. Создание дизайна и верстка начинается с самой маленькой версии. На данный момент придерживаемся точки - 300px. 320px сам экран, минус 20px на скроллы, отступы и поля браузеров в некоторых случаях. (для более мелкий мобил, которые 260px не делаем, т.к. их процент минимален).

2. Выбирается еще несколько ключевых разрешений (палим статистику самых популярных разрешений), по которым создаются макеты. Всё это делается до 2200px (в редких случаях больше). Промежуточные варианты резинятся. Чем больше ширина сайта, тем больше он "обрастает" наворотами, становясь тяжелее. В 90%, самая большая страница не выходит за 2 Mb. Минимальная версия не больше 1 Mb.

Делая по такой схеме, никогда еще не возникало проблем. Удобно верстать, удобно смотреть на любом устройстве. Трафик с мобилопланшетов в 2015 году по большинству проектов от 40% до 55%. Конверсии есть даже в тематиках типа "тяжмашстрой".

Тому, кто нос воротит от мобилопригодности и сравнивает это с островами - пора на пенсию. Добровольно отдавать такой кусок трафика - быть плохим оптимизатором.

Да на сайте bootstrap можно создать свой css, выбрав только необходимые опции. Попробовал, ничего не вышло, чета не разберусь никак. К тому же в этом случае придется подключать этот css со своего сервера, а не через CDN, что отменит параллельную загрузку файлов.

---------- Добавлено 04.02.2016 в 11:35 ----------

Вовсе не обязательно. Для смартфонов в css просто удаляются "тяжелые" вещи, например, элементы дизайна (графические фоны). Конечно, в этом случае сайт будет выглядеть по другому, но с другой стороны, зачем все это на смартфоне.