Тестування веб-сайту на мобільному пристрої

Мобільний веб-сайт складається з HTML-сторінок на основі браузера, які пов’язані між собою і доступні через Інтернет. Мобільний веб-сайт адаптується до будь-якого розміру екрана та взаємодіє з сенсорним екраном. Веб-сайти відображають тексти, дані, зображення та відео. Вони також взаємодіють з функціями мобільних пристроїв, такими як здійснення дзвінка, доступ до камери, місцезнаходження та ін.

Правильно розроблений веб-сайт приваблює користувача в перші секунди та тим самим гарантує його повернення у майбутньому. 

Зі статистикою найбільш відвідуваних сайтів можна ознайомитись на ресурсі Semrush.

Найбільш відвідувані веб-сайти у світі для онлайн-сервісів, березень 2022 року

Веб-сайт, який не оптимізований для мобільних пристроїв, а також робота якого не була перевірена під час користування мобільним Інтернетом, не буде пріоритетним у видачі пошуку і з’явиться в нижній частині результатів. А це  створює великий ризик для бізнесу.

Понад 54% інтернет-трафіку надходить з мобільних пристроїв. Позначку в 50% було подолано в 2017 році і вона зростає надалі. Це показник того, що користувачі продовжують досліджувати мобільні браузери, веб-сайти тощо. 

Якісне тестування мобільного веб-сайта знизить ризики негативного досвіду взаємодії користувача з продуктом. 

Під час тестування мобільних веб-сайтів на наявність дефектів першочерговими до перевірки є наведені нижче області.

Розмір екрану

Щоб задовольнити запити різних користувачів, виробники прагнуть надати мобільні пристрої з різними розмірами екрана в одній моделі. Це гарна стратегія для збільшення продажів і охоплення більшої аудиторії. Наявність великої кількості розмірів екранів не повинна турбувати тестувальників, оскільки мобільні пристрої зазвичай мають стандартні розміри екрана від усіх виробників.

Резолюція

Наступним етапом для перевірки є роздільна здатність пристрою. Чим кращу роздільну здатність має пристрій, тим кращим є його екран і, зрештою, це зручніше для користувача. 

Найбільш серйозний вплив веб-сторінки на роздільну здатність – це коли розробники визначають абсолютні числа для своїх елементів.

Наприклад, на дисплеї шириною 300 пікселів елемент може займати 50% площі, тоді як при роздільній здатності 450 пікселів він досягає ⅓ ширини. Це невизначене відображення елементів може створити проблеми на веб-сторінці. Коли використовується один з цих елементів, інші елементи можуть бути зміщені з відповідних місць. Наприклад, кнопки із закликом до дії можуть бути зміщені з призначених положень.

Тестувальник завжди повинен аналізувати документацію веб-сайту, якщо вона доступна. Якщо ні, рішення можуть охоплювати основний сегмент мобільних пристроїв.

Нижче наведена статистика актуальних роздільних здатностей за період 2021 - 2022 років з ресурсу statcounter

Статистика роздільної здатності екрану мобільного девайсу по всьому світу

Операційна система

На ринку мобільних пристроїв домінують лише дві операційні системи: Android та iOS. Це зменшує комбінацію перевірок, проте часто випускаються нові версії ОС. З кожною новою версією операційної системи деякі застарілі функції вимикаються.

Тому дуже важливо стежити за припиненням підтримки та тестувати веб-сайт на наявність усіх змін у попередніх версіях тощо.

Браузери

Найбільш трудомістка частина – це тестування у веб-браузерах. На відміну від версій операційної системи, версії браузера випускаються частіше, середній цикл становить чотири тижні.

Крім того, на ринку існує чимало браузерів. Навіть, якщо вилучити Google Chrome, який займає більше 60% ринку, інші браузери також утримують значну частину доступного ринку.

Частка ринку мобільних браузерів у всьому світі, 2022 рік

В свою чергу, кожен браузер випускає нові версії, проте не всі користувачі оновлюють свої браузери так часто, як можливо. Саме це також додає роботи тестувальникам.

Частка ринку версій браузерів для комп’ютерів, мобільних пристроїв і планшетів у всьому світі, 2022 рік

З кожною версією очікується, що будуть представлені нові функції на заміну застарілим. Тестувальник має бути обережним з тестуванням мобільного веб-додатка в оновлених версіях браузерів.

Вплив на системи мобільного девайсу

З точки зору впливу на системи девайсу, багато з того, що охоплюється тестуванням мобільного веб-браузера, можна узагальнити в цьому розділі.

Веб-додатки підтримуються системами девайсу та, звісно, їх робота залежить від деяких функцій мобільного пристрою. Наприклад, Wi-Fi або стільникова мережа можуть вплинути на час завантаження. Якщо кінцевий користувач перебуває в мережі 2G, час може збільшитися в два-три рази.

Google Analytics допоможе краще зрозуміти, що користувачі використовують для доступу до веб-сайту. Однак це не завжди точно. Наприклад, якщо веб-додаток погано працює в мережі 2G, користувачі залишають сторінку. Через низьку зацікавленість в списку Google Analytics вони можуть не відображатися.

Іншою проблемою є розрядження акумулятора, яка також виникає під час тестування мобільного Інтернету. Кілька років тому Стенфорд провів дослідження зв'язку між розрядженням акумулятора та мобільним Інтернетом. Хоча більшість людей передбачали, що виною є реклама та обладнання, результатом дослідження був «поганий вибір коду».

Доступність

Організація World Wide Web Consortium (W3C – головна міжнародна організація, що розробляє і впроваджує технологічні стандарти для Всесвітнього павутиння) заявила у своїй стандартній специфікації, що веб-сайт повинен бути доступним для всіх, у тому числі для людей з різними обмеженими можливостями. Згідно з документом, до них відносяться наступні категорії:

• слухово-зорова,
• мовленнєва,
• когнітивна,
• неврологічна,
• фізична.

Оскільки мобільний трафік перевищує трафік із комп’ютерів, тестування доступності мобільного Інтернету стає ще важливішим. Тому замовники також повинні враховувати такі категорії доступності при обговоренні веб-додатка перед його розробкою.

Багато людей вважають достатнім тестування мобільного веб-браузера за допомогою одного процесу. Сюди входять тести на адаптацію браузера або просто візуальне тестування інтерфейсу користувача тощо. Проте тестування мобільного веб-сайту – це набагато більше, і тестувальник повинен ретельно зосередитися на кожному сегменті, описаному в цьому розділі.

Підходи до тестування мобільного веб-сайта

Удосконалення технологій тестування призвело до появи кількох опцій для тестування мобільних веб-сайтів. 

Використання десктопних браузерів

Використання десктопних браузерів для мобільного веб-тестування є одним із найдешевших, але найменш ефективних підходів.

Параметри інструментів розробника у всіх браузерах надають тестувальнику попередньо визначені роздільні здатності різних мобільних пристроїв.

Приклад тестування мобільного веб-сайту в десктопному браузері Google Chrome

Проблема цього підходу полягає в тому, що він не враховує апаратне забезпечення під час зміни розміру веб-сторінки. Крім того, під час тестування використовуються ресурси комп’ютера, а не мобільного пристрою. Це може вплинути на кінцевий результат або надати неправдиві дані. 

Ще однією проблемою такого підходу є відсутність мобільної операційної системи та неможливість перемикання між різними версіями браузера.

Тестування на емуляторах і симуляторах

У мобільному світі емулятори та симулятори створені так, щоб імітувати поведінку мобільного пристрою, не використовуючи його фізично.

Емулятори є можливим варіантом для тестування. Апаратне забезпечення легко встановлюється, є легкодоступним, та не вимагає обслуговування.

Детальніше в статті «Емулятори, симулятори, ферми пристроїв для тестування мобільних додатків»

Тестування на реальних пристроях

Тестування на реальному пристрої є одним із найкращих варіантів перевірки мобільних веб-сайтів для отримання точних результатів. Проте таке тестування саме по собі є затратним. Крім закупівлі пристроїв, обслуговування займає багато часу та грошей. Операційні системи та браузери мобільних пристроїв постійно випускають різні версії. Наприклад, потрібно протестувати пристрій X з операційною системою Y і браузер Z з версією ABC, а потім повторити з іншою версією браузера і т.п.

Хмарне тестування

Щоб подолати проблеми, що виникають у вищезазначених методах, використовується хмарне тестування. 

Хмарні платформи кросбраузерного тестування, пропонують проводити тестування мобільних веб-сайтів у хмарі і, отже, усувають проблеми з обслуговуванням внутрішніх лабораторій пристроїв.

Для тестування використовується хмарна лабораторія пристроїв та мобільний емулятор. Цього достатньо для виконання якісної перевірки мобільного веб-сайту.

Ще однією перевагою є додаткові функції, такі як отримання обширних звітів, тестування геолокації, інтеграція кількох інструментів тощо.

Найпопулярніші хмарні ферми девайсів: Firebase Test Lab, Samsung Remote Test Lab, AWS Device Farm, Sauce Labs, Xamarin Test Cloud, Perfecto.

Мобільне тестування дає змогу перевірити, чи веб-сайт працює належним чином на цільових пристроях. Важливо проводити тестування на швидкість і точність, щоб надати користувачам негайний доступ до ресурсу.

Веб-сайт, адаптований для мобільних пристроїв, дає користувачам кращий досвід, ніж веб-сайт для десктопів, оскільки вони можуть переглядати всю інформацію на невеликому зручному пристрої. Це допомагає залучити більше відвідувачів та також сприяє зростанню рівня довіри користувачів до ресурсу.

А це, у свою чергу, позитивно впливає на рейтинг веб-сайту у пошукових системах та допомагає заохотити відвідувачів повертатись знову і знову.