Інструменти для перевірки швидкості завантаження сайту

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

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

Google Analytics

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

1. Швидкість завантаження ресурсу, що обчислюється для певної вибірки переглядів сторінок. За допомогою цієї вибірки можна проаналізувати, як змінюється швидкість завантаження веб-сторінок залежно від розташування користувачів, операційної системи, браузера, роздільної здатності дисплея та цілого ряду інших параметрів.
2. Швидкість виконання/завантаження для одиничного запиту чи дії. Наприклад, можна визначити швидкість завантаження графічного елементу (зображення, GIF-файлу тощо) або час відгуку натискання кнопки.
3. Ефективність обробки документа на сайті та швидкість надання цього файлу користувачеві.

Які ж дії потрібно виконати для використання функціоналу Google Analytics?

1. Необхідно ввести обліковий запис Google і авторизуватися в системі.
2. Перейти на веб-сайт www.analytics.google.com.
3. Створити обліковий запис для сайту, якщо його немає.
4. Вибрати відповідне представлення.

5. У вкладці «Звіти» натисніть на пункт «Поведінка».

6. Тиснемо на посилання «Швидкість завантаження сайту».

У підменю «Час завантаження сторінок» отримуємо всі необхідні відомості з можливістю вказати додаткові параметри, установки фільтрів та сортування результатів за масою критеріїв.

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

Вкладкою нижче в підпункті «Прискорення завантаження» наведено перелік сторінок із пропозиціями щодо оптимізації даних сторінок за допомогою PageSpeed Insights. Також у запропонованій таблиці є показник «Рівень швидкості завантаження сторінок», який показує, наскільки можна підвищити швидкість завантаження тієї чи іншої сторінки. Чим менший цей показник, тим більших результатів у підвищенні швидкості завантаження сторінки можна досягти.

Для новачків у Google Analytics є докладний посібник по роботі з ресурсом із зручним та функціональним пошуком за ключовими словами.

PageSpeed Insights

Даний онлайн-сервіс відображає ефективність виконання запитів для мобільних пристроїв та звичайних ПК. Результати перевірки сайту відображаються у балах, а не в секундах. Оцінка в 85+ балів зазвичай вказує на те, що сайт функціонує відмінно і прискорення не потребує, а ось нижчі оцінки говорять про необхідність оптимізації.

Через постійне вдосконалення роботи аналітичних алгоритмів оцінка, отримана в різні часи, може відрізнятися.

PageSpeed Insights відображає наступні результати:

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

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

Результат відображається за допомогою індикаторів, які представлені в трьох кольорах:

• червоний – виконання рекомендацій призведе до підвищення швидкості завантаження;
• жовтий – прості виправлення покращать роботу ресурсу;
• зелений – проблем немає або вони практично не позначаються на ефективності роботи сайту.

Перевірити реакцію будь-якої веб-сторінки можна, перейшовши за посиланням www.developers.google.com/speed/pagespeed/insights/. У рядок пошуку вставляємо URL, що цікавить, і тиснемо «Аналізувати».

Через кілька секунд на дисплеї відобразяться результати аналізу завантаження для комп’ютерів та мобільних пристроїв з рекомендаціями щодо внесення невідкладних та бажаних виправлень.

Для кожного пункту є докладний посібник з усунення виявлених помилок із зазначенням проблемних файлів та елементів ресурсу. Необхідно лише натиснути на відповідний текст «Как исправить».

Консоль розробника Google Chrome

Перевірити швидкість завантаження сайту можна також за допомогою браузера Google Chrome та консолі відладчика. Для того щоб виконати перевірку, зайдіть на сайт, що вас цікавить, і натисніть клавішу F12. Після цього відкриється вікно розробника – перейдіть на вкладку Network і оновіть сторінку за допомогою натискання клавіші F5. У міру завантаження сторінки можна буде побачити перелік файлів, що провантажуються (зображень, скриптів тощо), а також час, який знадобився на завантаження того чи іншого елемента.

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

GTmetrix

За допомогою зарубіжного сайту GTmetrix можна проаналізувати швидкість сторінок через Google PageSpeed та YSlow. Для перевірки використовується єдиний сервер у Ванкувері. Експлуатація ресурсу аналогічна: вставляємо адресу і тиснемо «Analyze».

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

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

Для просунутих користувачів знадобиться вкладка Waterfall, на якій відображаються всі файли, знайдені на сторінці та швидкість їх завантаження. Інтерфейс вкладки дуже схожий на інтерфейс консолі розробника Google Chrome або інструмент Firebug Net Panel для Mozilla Firefox.

Кнопка «Download PDF» завантажує на ПК звіт по сайту у форматі PDF. Результати тестування можна зберегти, що дає змогу порівняти їх із підсумками тестів після впровадження виправлень.

WebPage Analyzer

Процес перевірки за допомогою WebPage Analyzer є практично аналогічним попереднім онлайн-сервісам – вставляємо URL-адресу веб-ресурсу і відправляємо запит:

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

Виходячи з цього скрипт надає об’єкти сторінки та їх параметри, а також містить поле коментарів:

Після даної таблиці знаходяться докладні характеристики та рекомендації з виправлення помилок:

Pingdom

Пропонує пройти тест швидкості завантаження сторінки з можливістю зміни розташування сервера (Австралія, США, Швеція).

Відкриваємо адресу https://tools.pingdom.com/, вставляємо посилання на сайт, що цікавить, визначаємося з сервером і клацаємо «Start test».

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

Нижче в таблиці перевірки відображаються дані по кожному запиту до сервера (java-скрипти, різні стилі, медіафайли тощо).

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

WebPagetest

Даний онлайн-інструмент дозволяє проводити прості та розширені тести із зазначенням маси параметрів:

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

Що необхідно, щоб перевірити швидкість відповіді сайту?

1. Для швидкої перевірки клацаємо за посиланням http://www.webpagetest.org та активуємо вкладку «Simple Testing».
2. Вставляємо адресу ресурсу в текстову форму, вказуємо швидкість з’єднання (мобільний інтернет, 3G, високошвидкісне підключення) і тиснемо «Start test».

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

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

Load Impact

Тест Load Impact триває набагато довше, але надійність результатів тестування складно поставити під сумнів. Сервіс проводить серію легких DDOS-атак, симулюючи відвідування сторінки десятками активних користувачів і кількома сотнями з’єднань. Перевірка відбувається протягом кількох хвилин, а результатом тесту є графік залежності кількості активних користувачів від швидкості відповіді сервера.

Вставляємо адресу ресурсу і натискаємо «Run free test»:

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

WhichLoadFaster

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

Після вставки посилань на ресурси, що цікавлять, і клацання по піктограмі «GO» почнеться завантаження сайтів, а результати перевірки будуть в реальному часі візуалізуватися на екрані, розділеному надвоє:

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

Monitis Tools

Аналізує відвідування URL із серверів, розташованих по всій земній кулі, показуючи інформацію про кожне з’єднання. Алгоритм перевірки виглядає аналогічно іншим схожим сервісам – необхідно просто вставити URL і натиснути кнопку «Start test»:

Це один з небагатьох сервісів, що розвантажують себе від роботів завдяки використанню сервісу капчі для запуску тесту. Після закінчення перевірки на екрані з’явиться звіт, де червоним кольором на часовій лінії відображаються файли, які негативно впливають на показник швидкості завантаження сайту. Випробувати сервіс можна за посиланням: http://www.monitis.com/pageload/.

Перевірка здійснюється за допомогою трьох різних розташувань серверів – США (United States), Європа (Europe), Азія (Asia/Pacific).

PR-CY

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

Вставляємо посилання у форму за URL http://pr-cy.ru/speed_test/ та натискаємо «Аналізувати».

У результаті на екрані з’явиться перелік помилок з докладним посібником та поясненнями щодо їх виправлення.

Seo28

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

Також сервіс пропонує постійне посилання на результати перевірки швидкості ресурсу.

Висновки

У цій статті були розглянуті різні методи визначення швидкості завантаження сайту, серед яких: онлайн інструменти та сервіси, система Google Analytics, а також консоль розробника Chrome.

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