Адаптивный дизайн позволяет сайтам обойтись без мобильных версий: пользователям различных мобильных устройств веб-сайт будет просто отображаться пользователям в адаптированном виде именно под их размеры и возможности. Чаще всего при этом функциональность сайта не страдает, а изменениям подвергаются только размеры и позиции элементов интерфейса.
Адаптивный дизайн дает немало преимуществ, так, например, клиенту не нужно выделять для мобильную версию отдельный поддомен или домен. Поэтому администратору не придется поддерживать целых два сайта вместо одного, что положительно скажется на стоимости и качестве поддержки.
Среди основных плюсов адаптивного дизайна веб-сайтов можно отметить отсутствие необходимости разрабатывать каких-то сложные схемы SEO-оптимизации, так как по факту никакого дублирования контента на сайте не происходит. Это, впрочем, отнюдь не означает, что сайт с адаптивной версткой не требует SEO-оптимизации. Оптимизации под поисковики нужно уделять максимум внимания: тщательно соблюдая основные рекомендации крупнейших поисковых систем.
Одним из главных недостатков адаптивного веб-дизайна является то, что его верстка по сложности может быть сравнима с версткой двух независимых версий сайта, в особенности если при просмотре сайта на различных устройствах некоторые элементы интерфейса должны сильно различаться.
Как, например, известно, псевдоселектор CSS :hover, который часто используется при создании сайтов выпадающих меню, плохо работает на мобильных устройствах, оборудованных с сенсорными экранами, поэтому, если для отображения страницы на подобных устройствах в меню не задать правила демонстрации, то работать в таком случае меню просто не будут.
Еще одним важным недостатком адаптивного дизайна это его избыточная функциональность. Суть в том, что, заходя на сайт, стационарные пользователи и мобильные ставят перед собой различные задачи, например, функции, обязательные для десктоповых пользователей, для мобильных пользователей могут быть совершенно лишними.
Еще одним серьезным «минусом» адаптивного дизайна, является низкая скорость загрузки сайтов с этим дизайном на медленных мобильных устройствах. Адаптивный дизайн часто реализуется по нерациональному принципу от настольной версии к мобильной. Поэтому сначала в устройство пользователя грузится полная версия, которая масштабируется потом в зависимости от типа устройства до нужного размера. В результате мобильные пользователи интренет-сайта при плохой скорости соединения вынуждены будут довольно долго ждать, чтобы наконец увидеть сайт и с ним работать.
