Перевіряємо якість сайтів

1. Ключові моменти оцінки якості веб-проектів
2. кросбраузерність сайту
3. відповідність стандартам
4. Доступність і семантика коду
5. Швидкість роботи сайту
6. На що впливає якість сайту

Наша взаимовыгодная связь https://banwar.org/

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

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

Ключові моменти оцінки якості веб-проектів

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

• Сумісність сайту з браузерами.
• Відповідність стандартам.
• Семантика HTML-коду.
• Доступність сайту для користувачів.
• Швидкість роботи на стороні сервера.
• Швидкість роботи на стороні браузера.

Як все це перевірити за 10 хвилин?

кросбраузерність сайту

Перевіряємо за допомогою www.browsershots.org . Вибираємо найбільш поширені браузери для цільової аудиторії (Internet Explroer 6, 7 і 8, Firefox 2 і 3, Opera 9 та 10, Safari 3, Chrome 1). Отримуємо пару десятків зображень головної сторінки сайту, і вже по ній оцінюємо якість верстки: наскільки вона відповідає початковому дизайн-макету.

відповідність стандартам

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

Перевіряємо за допомогою HTML-валідатора: validator.w3.org , Насправді нам досить, щоб було не більше 25 помилок на сторінці. Рекомендується перевіряти кілька типових сторінок для усунення найбільш очевидних недоліків.

Відповідність стандартам доступності: WCAG. Перевіряємо за допомогою www.contentquality.com , Досить відповідності першого рівня (A, WCAG Priority 1).

Доступність і семантика коду

Відключення стилів і JavaScript в браузері дозволить «побачити» сайт таким, як він «виглядає» для пошукових та інших роботів. У Firefox це можна зробити за допомогою Web Developer Toolbar. В інших браузерах - в настройках відключення скриптів і за допомогою:

javascript: document.getElementsByTagName ( 'head') [0] .innerHTML = ''; void (0);

Запуск цієї адреси в браузері усуне велику (або ж все) стилі зі сторінки.

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

Швидкість роботи сайту

Дуже часто швидкість роботи робить ключовий вплив на конвертація відвідувачів в дохід сайту. Особливо це характерно для інтернет-магазинів. Як ми можемо перевірити цю швидкість? Для серверної сторони існує інструмент host-tracker.com , За допомогою якого можна встановити характерний час доступу до сайту з різних точок земної кулі. Також він дозволяє оцінити характерний час створення сторінки на сервері (якщо мінімальний час доступу до сайту більше 1с, то вже варто бити тривогу).

Для перевірки відмовостійкості сайту варто скористатися сервісом Load Impact . Безкоштовний аналіз дозволяє перевірити до 50 одночасних відвідувань (кожне з яких може відкривати кілька десятків сторінок на сайті). Основним показником стійкості сайту до навантажень буде вигляд кривої, який вийде після проведення тесту. Якщо графік рівний або час відкриття сторінки кілька падає при зростанні відвідуваності - значить, з сайтом все нормально. Якщо немає, то потрібно приймати рішення про оптимальний потоці відвідувачів, яких сайт зможе обслужити.

Для перевірки якості швидкості завантаження клієнтської складової можна скористатися або YSlow під Firebug для Firefox (оцінка повинна бути не менше 80, найкраще не менше 90). Або ж безкоштовним інструментом webo.in (Проста оцінка не нижче 70, краще не нижче 80).

На що впливає якість сайту

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

Швидкість створення HTML-сторінок і загальний час завантаження дуже сильно впливає на доступність сайту. Ключовим параметром тут є «завантаження за 4 секунди» і більш швидке завантаження, ніж у основних конкурентів. У відсутності основних переваг на ринках з високою конкуренцією швидкість роботи сайту може виявитися вирішальним фактором при прийнятті рішення.

Зараз на ринку існує кілька рішень, що дозволяє автоматизувати прискорення сайту на клієнтському рівні. Для ASP.NET - це GetRPO.com , Для систем на базі PHP - це Web Optimizer .

Дякуємо за увагу. Питання?

Всі коментарі (habrahabr.ru)