1. Большой вес изображений.
Около 74% пользователей мобильного интернета покидают сайт, не проведя на нем и 5 секунд. Убедитесь, что все картинки и фотографии имеют минимальный вес, поскольку изображения, быстро загружающиеся на ПК, на экранах мобильных устройств отображаются намного медленнее.2. Создание одного дизайна для всех экранных разрешений.
Существует огромное количество разных гаджетов, объединенных в одну группу. Для каждого из них требуется свое разрешение, но некоторые веб-мастера искренне полагают, что использовали адаптивный дизайн, выбрав по 1 разрешению на каждый вид устройств: смартфон, планшет, ПК.3. Контент не показывается полностью.
И в мобильном и в стационарном интернете люди ищут ту одну и ту же информацию, и суть адаптивного дизайна в том, чтобы уместить полную версию сайта в модификацию для планшетов и смартфонов. Урезая контент в мобильной версии, вы рискуете потерять часть аудитории. Единственное, чем позволительно пренебречь ‒ реклама. Кроме того, для создания облегченной версии можно упростить навигацию сайта.4. Отсутствует сенсорная оптимизация.
Многие пользователи ПК с Windows 8 предпочитают управлять навигацией по сайту так же, как и пользователи планшетов, прикосновениями пальцев к экрану. Заточив сайт, с учетом разрешения экрана под первых, вы сделаете его удобным и для тех и для других.5. Тестируйте сайт во всех браузерах.
Времена, когда отображение сайта было достаточно протестировать в IE и Firefox канули в Лету. Теперь, чтобы убедиться в том, насколько корректно грузится контент, нужно пройти множество браузеров. Желательно, как минимум, тестировать на этих браузерах:Для ПК:
• Chrome;• Safari;
• IE10 для Windows 8 (без Flash);
• Firefox;
• IE9 для Windows 7.
Для планшетов и смартфонов:
• Chrome beta;• Opera;
• Firefox;
• Dolphin;
• Default Android browser;
• Safari.
И не забудьте о разрешении экранов.