Адаптивный Веб-Дизайн vs Адаптивный Веб-Дизайн

– отображается одна версия сайта на любом устройстве, которое автоматически адаптируется к разрешению экрана
– адаптация сайта под разрешение экрана, на котором отображается. Устройство здесь не важно, но можно руководствоваться диапазоном, в котором работают конкретные устройства
– Вводят другие CSS в зависимости от разрешения экрана
– преимущество – каждый раз, когда передается один и тот же HTML-код, меняется только CSS, который оптимизирует отображение сайта на различных устройствах
– Недостаток № 1 – каждый раз загружает все данные, независимо от того, какие из них будут использованы, что сторона может быть немного медленнее заряжаться
– недостаток № 2 – CSS не поддерживается старые версии браузеров.

Альтернатива-это Адаптивный Веб-Дизайн – AWD

– мы имеем дело с одним кодом HTML + определенные стили CSS для каждого размера и для каждого подготовлена отдельная версия сайта. После отправки запроса на сервер и распознавания устройства, сервер показывает соответствующий код HTML. Сторона изменится только после превышения breakpoint, то есть заранее определенных точек. RWD плавно адаптируется к размеру экрана.
– преимущество (которой нет RWD), создав сайт, заранее можно предсказать, как будет выглядеть на устройстве.

Прежде всего, RWD применяется на стороне клиента, в браузере, в то время как весь процесс AWD происходит на стороне сервера и будет возвращена уже готовый макет.

Google также рекомендует RWD, потому что у нас есть 1 адрес, и один и тот же код HTML . Лучше это индексирует. Мы не должны иметь несколько версий сайта, это экономит время и не нужно поддерживать несколько версий сайта. Все происходит в пределах одной страницы.

Категории: