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

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

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

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

Google Analytics

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

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

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

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

Інтерфейс Google Analytics

Інтерфейс Google Analytics
  1. У вкладці «Звіти» натисніть на пункт «Поведінка».

Вкладка «Звіти», пункт «Поведінка» в Google Analytics

Вкладка «Звіти», пункт «Поведінка» в Google Analytics
  1. Тиснемо на посилання «Швидкість завантаження сайту».

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

Підпункт «Час завантаження сторінок» у Google Analytics

Підпункт «Час завантаження сторінок» у Google Analytics

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

Додаткові параметри підпункту «Час завантаження сторінок»

Додаткові параметри підпункту «Час завантаження сторінок»

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

Підпункт «Прискорення завантаження» в Google Analytics

Підпункт «Прискорення завантаження» в Google Analytics

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

Пошук за ключовими словами в Google Analytics

Пошук за ключовими словами в Google Analytics

PageSpeed Insights

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

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

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

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

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

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

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

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

Аналіз швидкодії сайту за допомогою PageSpeed Insights

Аналіз швидкодії сайту за допомогою PageSpeed Insights

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

Результати аналізу сайту по PageSpeed Insights

Результати аналізу сайту по PageSpeed Insights

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

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

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

Аналіз швидкості сайту за допомогою консолі розробника Google Chrome

Аналіз швидкості сайту за допомогою консолі розробника Google Chrome

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

GTmetrix

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

Інтерфейс сервісу GTmetrix

Інтерфейс сервісу GTmetrix

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

Результати перевірки сайту за допомогою GTmetrix

Результати перевірки сайту за допомогою GTmetrix

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

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

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

WebPage Analyzer

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

Інтерфейс онлайн-сервісу WebPage Analyzer

Інтерфейс онлайн-сервісу WebPage Analyzer

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

Статистика сайту по WebPage Analyzer

Статистика сайту по WebPage Analyzer

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

Об'єкти сторінки, що перевіряються - WebPage Analyzer

Об’єкти сторінки, що перевіряються – WebPage Analyzer

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

Рекомендації з оптимізації файлів сторінки WebPage Analyzer

Рекомендації з оптимізації файлів сторінки WebPage Analyzer

Pingdom

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

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

Інтерфейс онлайн-сервісу Pingdom

Інтерфейс онлайн-сервісу Pingdom

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

Показники швидкості завантаження сайту - Pingdom

Показники швидкості завантаження сайту – Pingdom

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

Перелік об'єктів сторінки та час їх завантаження - Pingdom

Перелік об’єктів сторінки та час їх завантаження – Pingdom

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

WebPagetest

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

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

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

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

Інтерфейс онлайн-інструменту WebPagetest

Інтерфейс онлайн-інструменту WebPagetest

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

Результати перевірки сайту за допомогою WebPagetest

Результати перевірки сайту за допомогою WebPagetest

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

Load Impact

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

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

Load Impact - інтерфейс сервісу

Load Impact – інтерфейс сервісу

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

Результуючий графік перевірки навантаження на сайт

Результуючий графік перевірки навантаження на сайт

WhichLoadFaster

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

Перевірка сайтів через сервіс WhichLoadFaster

Перевірка сайтів через сервіс WhichLoadFaster

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

Порівняння сайтів за допомогою WhichLoadFaster

Порівняння сайтів за допомогою WhichLoadFaster

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

Аналіз кожного з двох сайтів окремо - WhichLoadFaster

Аналіз кожного з двох сайтів окремо – WhichLoadFaster

Monitis Tools

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

Інтерфейс інструменту Monitis Tools

Інтерфейс інструменту Monitis Tools

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

Результати перевірки сайту через Monitis Tools

Результати перевірки сайту через Monitis Tools

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

PR-CY

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

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

Аналіз веб-сайту за допомогою PR-CY

Аналіз веб-сайту за допомогою PR-CY

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

Перелік помилок та рекомендації з виправлення - PR-CY

Перелік помилок та рекомендації з виправлення – PR-CY

Seo28

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

Перевірка сайту через онлайн-інструмент Seo28

Перевірка сайту через онлайн-інструмент Seo28

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

Висновки

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

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


Будемо вдячні за кожен лайк:

Залишіть коментар, Ваша думка дуже важлива для нас!
Введений e-mail не буде видно іншим користувачам:

Просимо ознайомитись з політикою конфіденційності и угодою про використання файлів cookie перед початком використання сайту.

Back to Top

Telegram

Подписывайтесь на наш канал в Telegram, будьте лучше ваших конкурентов

Подпишитесь на наш канал

You have Successfully Subscribed!