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

У жовтні 2016 року Google анонсував зміни у видачі. Раніше адаптивні сайти відзначалися окремим значком у результатах пошуку як mobile-friendly. У найближчі кілька місяців розпочнеться поділ мобільної (смартфони, планшети) та десктопної (з комп'ютерів та ноутбуків) пошукової видачі. Тому якщо значна частина Вашої аудиторії користується мобільними пристроями – Ви ризикуєте втратити частину пошукового трафіку, якщо дизайн сайту не пристосований для смартфонів та планшетів.

Навіщо перевіряти, як виглядає сайт на мобільних пристроях?

У 2015 році компанія TNS Web Index провела настановне дослідження. Опитали 60 тис. росіян у віковому діапазоні від 12 до 64 років та з'ясували, що 64% ​​користувачів інтернету заходять ще й із мобільних пристроїв. 15% цієї кількості людей обходяться без комп'ютерів. А ось дані Яндекса.

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

Віртуальний хостинг сайтів для популярних CMS:

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

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

• Верстка другого сайту вийде набагато дорожче, ніж адаптувати старий шаблон.
• Різні адреси мобільного та стандартного ресурсу розбивають трафік на два потоки.
• На підтримку двох проектів йде більше часу і грошей.

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

Як перевірити, як виглядає сайт на планшеті чи смартфоні?

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

Подивитися на власні очі, як сайт виглядає для власників мобільних пристроїв можна у всіх популярних браузерах. Для Firefox перегляд викликається поєднанням клавіш Ctrl+Shift+M.

В Google ChromeДля перегляду натисніть F12. Вікно розтягуємо мишкою або задаємо потрібну роздільну здатність цифрами.

Якщо Ви шукаєте хостинг для певної системи керування контентом – загляньте на нашу сторінку.

Онлайн сервіси для перевірки, як виглядає сайт на різних дозволах.

Перевірити, як сайт виглядає за різних дозволів екрана користувача можна за допомогою онлайн сервісів.

• Мобільний – 320x480px;
• Планшет – 768x1024px;
• Ноутбук – 1280x802px;
• ПК – 1600x992px.

У порівнянні з першим сервісом, функціонал краще. Показує дозволи:

• 10 мобільних;
• 9-ти планшетів;
• такої ж кількості ПК та ноутбуків;
• Якщо потрібного варіанта немає, задаємо параметри з клавіатури.

Обов'язково подивитися з мобільного телефону, на різних версіях Android.

Подібні сервіси лише імітація. Буває, що на них проблем з дизайном немає, а на Android девайсі пливе верстка. Метрики шрифтів, розміри кнопок, відображення деяких тегів css\html специфічні для різних операційних систем і браузерів.

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

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

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

Досить міняти розмір вікна браузера, вистачить його ґвалтувати! Готовий сперечатися, ви неодноразово чули це. Добре, можливо, і не чули. Але якщо ви професійно займаєтеся розробкою адаптивних сайтів, ви розумієте про що я: будь-яка зміна DOM або редагування CSS, і ви знову починаєте тягнути край браузера вперед, назад, тестуючи зміни і переглядаючи нічого не зламалося.

Метою ваших рухів є імітація екранів різних пристроїв.

У корпоративному середовищі часто, у вас є безліч гаджетів, наданих компанією для тесту. На моїй роботі є iPad, iPod, інші планшети, ноутбуки, а також настільні монітори. Якщо у вас немає такої розкоші, доводиться використовувати те, що під рукою.

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

Для тестування я вибрав реально адаптивний сайт PajamasOnYourFeet.com, сайт побудований на основі HTML5 шаблону, наданого безкоштовно EGrappler.

Am I Responsive?

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

Доступні розміри:

• настільний монітор – 1600 x 992px;
• ноутбук – 1280 x 802px;
• планшет - 768 x 1024px;
• мобільний телефон – 320 x 480px.

Цитую розробника: це не інструмент для тестування, вкрай важливо проводити тестування на реальних пристроях. А даний інструментдопоможе швидко зробити скріншот і показати клієнту, що ви маєте на увазі».

Є дві приємні фішки: можливість тягати пристрої на вашому екрані, а також можливість поділитися посиланням на тест сайту.

deviceponsive

deviceponsive дуже схожий на Am I Responsive, тим, що він настільки ж простий, з мінімум налаштувань та опцій. Усі доступні пристрої відображаються на одній довгій сторінці. З усіх доступних опцій це можливість відредагувати фон заголовка і додати туди свій логотип, що буде корисно, коли ви вирішите поділитися скріншотом.

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

• Macbook – 1280 x 800
• iPad портрет - 768 x 1024
• iPad портрет - 1024 x 768
• Kindle портрет - 600 x 1024
• Kindle альбомна орієнтація - 1024 x 600
• iPhone портрет - 320 x 480
• iPhone альбомна орієнтація - 480 x 320
• Galaxy портрет - 240 x 320
• Galaxy альбомна орієнтація - 320 x 240

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

responsive test

Як і deviceponsive, responsive test відображає ваш сайт у різних пристроях. Але замість показу всіх одразу, ви самі вибираєте необхідний пристрій у верхньому меню сторінки. До речі, тут коректно працює масштабування, що дозволяє проводити тестування більшого дозволу на меншому.

30 різних дозволів доступно на сайті, починаючи від величезного настільного монітора до того, що вони називають «поганий андроїд» (справедливості варто помітити, що є і нормальний андроїд).

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

responsive.is

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

Доступні варіанти пристроїв - авто (то як ви бачите сайт), настільний комп'ютер, планшет в альбомній та портретній орієнтації, смартфон у портретній та альбомній позиції. Задавати довільні розміри px, на жаль не можна.

Screenqueries

А ось можливості та доступні опції відрізняють Screenqueries від попередніх сервісів. 14 телефонів та 12 планшетів представлені тут, з окремою можливістю перемикання в портретний та альбомний режим. Результати відображаються на сітці з лінійками. Також можна задати довільну роздільну здатність, потягнувши за правий або нижній край.

Цікавою особливістю цього сайту для ряду пристроїв є “Trueview” варіант, який показує ваш сайт у нативному браузері пристрою.

На жаль, Firefox і тут не зміг відобразити слайдер. Не потрібно звинувачувати мене, Firefox мій улюблений браузер, але такі справи.

Screenfly

Screenfly мабуть найбільш функціональний з усіх. Доступно 9 більше ніж планшет пристроїв - від 10 "ноутбуків, до 24" моніторів, 5 планшетів, 9 телефонів, 3 телевізійні дозволи, а також довільне дозвіл. Додайте сюди окремий перемикач у портретний та альбомний режим, а також опцію показу прокручування. Також можна поділитись посиланням на тест за допомогою однієї кнопки.

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

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

Чи використовуєте ви представлені інструменти у своїй практиці? Діліться своїми секретами розробки адаптивних сайтів у коментарях.

P.S. Помилки з приводу перекладу прохання повідомляти особи.

Приклад оптимізації сайту під різні екрани css мета теги

Оптимізація сайту для мобільних та великих дисплеїв

Зараз у наше життя увійшло стільки пристроїв, які дозволяють вільно борознити інтернет, що вже не відповідають віянням часу ще нещодавно переважаючі методи верстки сайтів. Так як зараз все більше як маленьких екранів мобільних смартфонів, так і великі екрани десктопів. Я якось про це не замислювався і як завжди робив свої сайти під екрани 1024px. Але подивившись дозвіл екранів, що відвідують мої сайти в яндекс метриці, був здивований, що 1024px вже не актуальний і різноманітність дозволів просто величезна. А трафік з маленьких екранів мобільних пристроїв становить майже 20%. Ось скріншот з яндекс метрики одного з моїх сайтів, про який йтиметься далі.

Дозволи екранів

Основні дозволи екранів, що відвідують сайт, статистика за місяць

Виходить що на якихось пристроях сайт відображається дуже дрібно, на якихось із горизонтальним прокручуванням, а на великих екранахз порожніми полями з обох боків і сайт виглядає дуже маленьким. Також і Гугл повідомив, що "Ваш сайт не оптимізований для мобільних пристроїв". Нижче приклад як сайт виглядав до оптимізації на різних дозволах від мобільних телефонів 240*320px, до 1920*1200px.

Скріншот сайту на різних екранах

Скрин сайту на роздільній здатності дисплеїв 320px 800px 1280px 1920px

Приступивши до оптимізації я насамперед додав мета тег у body сайту. Сервіс Гугл для перевірки оптимізації сказав, що "сайт оптимізований". Але насправді це не так. Даний тег змушує сайт відображатися піксель в піксель, тобто в залежності від фактичної роздільної здатності екрана, визначає область перегляду. Так наприклад, на 320*480px відображатиметься лише шматочок сайту, а на великих екранах порожні області.

Для відображення сайту піксель до пікселя

Нижче код, який змушує відображати сайт пікселя в піксель на всіх пристроях. І якщо у невеликого екрану роздільна здатність наприклад 6дюймів і 1280 * 800, то сайт буде маленький. Якщо ж екран 320*480px, то екрані відобразиться шматочок сайту цих розмірів. У цьому прикладі значення 1:1, тобто рано 1.0. Можна ставити свої значення та збільшувати чи зменшувати сайт. Наприклад на андроїд і apple область перегляду сайтів 960-1024px, це означає, що сайти з такою шириною будуть відображатися на весь екран і без прокручування, і це не залежить від фактичної роздільної здатності екрана, сайт просто масштабується під розмір екрану, Але якщо додати цей тег То сайт почне відображатися відповідно до апаратних пікселів, і якщо роздільна здатність маленька, то сайт буде занадто великим і з'явиться прокрутка, а якщо роздільна здатність велика, то сайт буде маленьким. Тому один цей viewport нічого не вирішує, він просто відображає сайт відповідно до апаратних пікселів, і скасовує налаштування браузерів, що не правильно так, як у браузерів можуть бути свої налаштування.

Верстка сайту під різні екрани

Щоб адаптувати сайт я додав до boby сайту ось цей список мета тегів. viewport - змушує сайт відображатися відповідно до пікселів пристрою. screen and – дозволяє призначати CSS стилізалежно від роздільної здатності екрана. Так наприклад запис Вказує що для екранів з роздільною здатністю менше 640px потрібно застосувати стиль із файлу style.css Також можна вказувати стилі в одному файлі або розподілити по різних css файлах. У css файлі стиль для екранів як у даному прикладі max-width:640px робиться так /*для мобільних пристроїв*/ @media screen and (max-width: 640px) ( aside (width:98%;) article (width:98%) ;) #container (font-size:120%;) #razdeli_opisanie (width:95%;) ) @media screen and (max-width: 1024px) ( body (font-size:85%;) ) @media screen and (min-width: 1280px) ( body (font-size: 100%;) . Стилі css призначаються за допомогою @media screen and (min-width: ХХХpx) @media screen and (max-width: 640px) ( ваші стилі ) Також можна вказати стилі для конкретних екранів, наприклад (width: 480px), але зараз там багато дозволів що сенсу немає писати великий css фаїл щоб для кожного конкретного екрана написати свої правила відображення.Я просто зробив гумову верстку сайту в основних стилях. якщо наприклад роздільна здатність екрана менша (max-width: 640px), то всі блоки у мене розтягуються по ширині екрана. %;), так як у мовчання він у браузерах 16px, а я його роблю 14px. Якщо роздільна здатність (min-width: 1280px), тобто 1280px і більше, то я просто збільшив шрифт до 100%, а сайт в основній верстці розтягується по ширині екрана.

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

Скріншоти сайту е вітерець ру

Скріншоти у розмірах 320px 640px 800px 1024px 1280px 1920px

Сподіваюся, що вам стало зрозуміло як зробити. Думаю як зробити основну гумову верстку ви й так знаєте. Я, наприклад, всі розміри вказав у відсотках (%) замість пікселів (px). І вказав додатково стилі під різні роздільні здатності екранів. Але цей сайт я поки не адаптував під різні екрани, на момент написання цієї статті розміри сайту вказані 995px та всі розміри в px.

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

Ще є варіант з використанням плагінів для бразуера, наприклад Web Developer для Firefox, який також існує і для Google Chrome. Опція Resize дозволяє змінити розмір браузера до потрібного значення.

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

Сервіси перегляду сайту на різних дозволах екрану

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

До речі, під доменом quirktools.com ховається ще кілька цікавих простих сервісів:

• Smaps — створення карток сайтів або просто ієрархічної схеми.
• Wires - ось це класна штука, яка дозволяє створювати макети веб-сторінок за допомогою різних функціональних блоків (тексту, табів, форм, кнопок тощо)

Найпростіший сервіс для перегляду різних дозволів екрану. Тут також є список найпопулярніших пристроїв, з яких необхідно вибрати своє.

Дуже симпатичний дизайн у проекту.

Цей сервіс схожий на CrossBrowserTesting, оскільки додатково дозволяє оцінити ваш сайт на різних браузерахта ОС. Причому він також потребує реєстрації та має платні функції. Хоча для перегляду різних роздільних здатностей екрана це не обов'язково – переходьте до пункту меню Responsive.

По дизайну та функціональності все дуже круто зроблено, чого тільки варте можливість для смартфонів вибирати варіанти перегляду Portrait та Landscape. Так, в інших сервісах є функція повороту (Rotate), але, погодьтеся, так все виглядає набагато яскравіше. До речі, якщо я правильно зрозумів, після реєстрації ви зможете використовувати опцію живого інтерактивного тестування в реальному часі.

Сервіс у дусі мінімалізму. Тут є поле для введення назви сайту + можливість вибору розмірів для перегляду.

Ще один простий проект. Окрім адреси сайту та розмірів представлені найбільш популярні дозволи екрану для вашої зручності.

Якщо уважно подивитися на низ картинки, можна побачити, що сервіс InfoByIp показує наявність нижньої смуги прокручування при роздільній здатності 1024х768. Якщо ж змінити дозвіл монітора вручну, можна побачити, що скролбара там ніякого немає. Подібні неточності в деяких сервісах трохи пригнічують, не будете ви лінійкою перемірювати достовірність відображуваного результату. Саме тому раджу здійснювати перегляд сайту на різних дозволах екрану, використовуючи парочку різних сервісів про всяк випадок.

Темпи використання мобільних браузерів зростають щодня. За статистикою, близько 32% інтернет-трафіку припадає на мобільні телефони та Планшетні комп'ютери. Це означає зростання очікування споживачів щодо мобільних сайтів.

Навігація за статтею:

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

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

1. Тестування на реальних мобільних пристроях

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

Звичайно, повне тестування практично неможливе, оскільки вимагає багато часу і ресурсів. Оптимальним виходом стане придбання кількох мобільних пристроїв для так званого тестового комплекту, що є особливо актуальним для клієнтоорієнтованого бізнесу. Тестовий комплект зазвичай складається з найпопулярніших пристроїв, які використовуються для перегляду веб-сторінок. Даний підхід дозволяє провести фізичні випробування в реальних умовах та поглянути на сайт очима користувача. Якщо покупка мобільних телефонівдля тестового комплекту не вписується до бюджету проекту, скористайтесь власним смартфоном. Найімовірніше, ваш смартфон буде працювати на базі Androidабо iOS, що хоча б дасть уявлення, яким бачать аналізований сайт більшість користувачів. Поцікавтеся, які мобільні пристрої мають родичі, колеги та друзі, щоб перевірити сайт і на інших девайсах.

2. Використання симулятора iOS та емулятора Android

Справжнє «залізо» замінити неможливо, однак через відсутність кращого підійдуть програмні емулятори. Емулятори для iOS та Android розраховані головним чином для тестування рідних додатків. Однак у них передбачені дефолтні браузери мобільних пристроїв, які досить точно відтворюють сайт, яким він виглядатиме на реальному пристрої. Підкреслимо фразу досить точно, оскільки емулятори не враховують стан підключення до мережі, швидкість завантаження сторінок, відносні розміри активних елементів та інші нюанси, які можна спостерігати тільки в реальних умовах. Тим не менш, інструменти візуалізації функціонально еквівалентні цим пристроям і непогано справляються з перевіркою сумісності кросбраузера.

• Симулятор iOS, що постачається в інтегрованому середовищі розробки Xcode, імітує відображення сайту в iPhone та iPad

Симулятор iOS входить в інтегроване середовище розробки програмного забезпечення Xcode. Спочатку встановіть Xcode із платформи App Store. Зайдіть до меню Xcode і виберіть Xcode > Open Developer Tool >iOS Simulator. На жаль, інструмент сумісний лише з операційною системою Mac OS, тому користувачам Windows або Linux доведеться пошукати інший варіант.

Емулятор Android постачається в середовищі розробки програм Android SDK. Детальна інформаціяпро емуляторі Androidзнаходиться.

3. Браузерне тестування

Якщо не вдається зібрати тестовий комплект або розібратися з програмними емуляторами iOSта Android, можна скористатися іншими методами.

Онлайн-сервіс BrowserStack імітує стаціонарні та мобільні пристрої для тестування сайтів, це зручний онлайн-інструмент для тестування сайтів на різних пристрояхта у різних браузерах.

4. Сервіс Responsinator

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

Responsinator змінює розміри сайту за заданими параметрами. Інструмент корисний для швидкої поведінки адаптивного дизайну, однак він не замінює тестування на реальних пристроях.

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

5. Зміна розмірів вікна браузера

У процесі роботи над сайтом на настільний комп'ютердизайнери та розробники часто перевіряють поведінку елементів адаптивного дизайну шляхом перемикання розмірів вікна браузера. Ця дія настільки елементарна, що мова не повертається назвати її «тестуванням», проте відмовлятися від неї немає сенсу. У процесі роботи над фрагментами коду, пов'язаними з адаптивним дизайном, швидка перевірка типу «перемик – подивився – перемикав назад» допомагає оцінити внесені зміни. Однак цей прийом навіть не можна порівнювати з іншими методами тестування: похибка в розмірах, різні графічні движки, відсутність затримки мережі сигналу і т. п. Цей метод має занадто багато недоліків, щоб бути рівноцінною заміною іншим варіантам тестування.

А як ви проводите тестування?