Перевірка швидкості завантаження веб-сайту - корисні поради Semalt

Нижче наведено ТОП 20 інструментів для вимірювання швидкості завантаження веб-сайту. Важливо розуміти, що коли ви використовуєте такі інструменти, як правило, швидкість, як правило, сповільнюється з першого разу. Якщо ви порівнюєте загальний час завантаження, іноді краще запускати тести кілька разів і брати середні результати.
Більше того, у цій статті ми запрошуємо вас до відкрийте наші безкоштовні послуги щоб дозволити вам за короткий проміжок часу взяти під свій контроль веб-сайт.
1. Google PageSpeed Insights
API PageSpeed Insights (PSI) повідомляє про ефективність сторінки як на мобільних, так і на настільних пристроях, а також надає рекомендації щодо вдосконалення сторінки.
Показник ефективності
У верхній частині звіту Google PageSpeed дає оцінку, яка підсумовує ефективність сторінки. Якщо оцінка 90 або вище, швидкість вважається швидкою, 50 - 90 вважається середньою. Якщо оцінка нижче 50, сторінка вважається повільною. Аналіз проводиться для поточної сторінки в емульованій мережі 3G. Значення є приблизними та можуть змінюватися.
Рекомендації щодо обслуговування
Сервіс надає рекомендації щодо дій, які можуть покращити швидкість завантаження. Наприклад, завантаження JS/CSS, стиснення для зображень, покращення продуктивності (правила використання кешу, глибини вкладеності, налаштування відображення шрифтів тощо). Загалом, PageSpeed Insights перевіряє понад 16 параметрів та надає рекомендації щодо оптимізації із переліком проблемних URL-адрес, ресурсів та елементів для кожного з цих параметрів.
Вихідні дані
Безумовно, послугу рекомендують використовувати, оскільки:
- Послуга зручна і аналізує багато параметрів;
- Рекомендації даються самою компанією Google «з перших рук», і це слід враховувати, якщо ми просуваємо рекламу в рамках Google.
2. Інструменти Pingdom
Служба англійської мови для тестування швидкості завантаження сторінки. Перевірте швидкість певної сторінки, а не сайту в цілому. Щоб перевірити сторінку, просто введіть URL-адресу сторінки та виберіть контрольний регіон. Наприклад, якщо сайт відвідують жителі Східної Європи, тоді краще вибрати цей регіон. Pingdom відстежує час роботи, продуктивність та взаємодію веб-сайту.
Рекомендації щодо обслуговування
Ви отримаєте такі рекомендації:
- Продуктивність. Проаналізовано: використання файлів cookie, CDN, оптимізація компонентів сторінки - CSS, сценарії, теги зображень та посилання, перенаправлення. Кожному предмету надається оцінка (Відмінно - "А", Добре - "С", "Г", Погано - "Ж").
- Коди відповідей. Ви отримаєте підрахунок для кожного з кодів відповіді сервера.
- Розміри за типом елемента. Список типів елементів із розмірами декодування для кожного типу в кількісному та процентному вираженні - скільки місця займають шрифти, сценарії, зображення, CSS, HTML та XHR.
- Кількість запитів до сервера для кожного виду товару (у відсотках і кількості).
- Розміри вмісту та запити за доменом. Наприклад, якщо елементи завантажуються з інших доменів.
- І нарешті, розміри та час завантаження для кожного елемента сторінки. Ви можете сортувати значення за розміром, типом відповіді, часом відгуку тощо.
Вихідні дані
Корисна безкоштовна послуга з багатьма показниками. Має приємний дизайн.
3. GTmetrix
Щоб перевірити швидкість у цій службі, просто введіть URL-адресу та натисніть кнопку Пуск. Зазвичай показник швидкості в GTmetrix вищий, ніж у YSlow Score - у нашому випадку він становить 81% і 77%. Як і в багатьох подібних інструментах, результат тесту відображається у вигляді таблиці з рекомендаціями.
Вихідні дані
Послуга хороша для тестування завдяки приємному інтерфейсу та безлічі опцій. Цікаво також, що тестові дані служби YSlow Score інтегровані в службу. Існує розширена інформація про завантаження кожного предмета (вкладка водоспад). Недоліком цієї послуги, як і багатьох безкоштовних, є випадковий вибір регіону та браузера для тестування, тому швидкість може варіюватися від тексту до тексту. Для точності вимірювання краще вимірювати ближче до вашого регіону.
4. DevTools Google Chrome
DevTools Google Chrome - це корисний інструмент для швидкого з’ясування швидкості завантаження сторінки та перевірки того, які файли уповільнюють її завантаження.
Щоб відкрити інструмент, потрібно скористатися комбінацією клавіш Ctrl + Shift + I (для Windows) або Cmd + Opt + I (для Mac) у браузері Chrome. Або через Меню/Додаткові інструменти/Інструменти розробника. Або через контекстне меню миші - пункт Перевірити. У нижній частині панелі ми бачимо остаточну кількість запитів та швидкість завантаження. Слід зазначити, що тут відображаються лише ті запити, які виникли після завантаження DevTools.
Ви також можете перевірити швидкість завантаження сайту на різних швидкостях - імітуючи реальні умови використання сайту, наприклад, за допомогою 3G-з'єднання.
Вихідні дані
Послуга хороша своєю доступністю, безкоштовно, і при вмілому використанні вона видає багато корисної інформації. Ви повинні розуміти технічні нюанси та візуальне зображення. Також рекомендацій немає - потрібно все тлумачити самостійно.
5. Dotcom-Monitor
Dotcom-Monitor - це платна послуга, яка має 30-денний пробний період. Мінімальна ставка становить 19 доларів на місяць. Щоб перевірити швидкість роботи сайту, потрібно ввести URL-адресу. Послуга дозволяє вибрати браузер, країну/місто (пропонується список з 29 міст). Цікаво те, що ви можете вибрати один або кілька регіонів. Звіт про ефективність роботи мережі включає:
- Звіт про місцезнаходження - час завантаження під час першого та другого відвідування.
- 10% найшвидших предметів.
- 10% найповільніших елементів.
- Вичерпна схема для всіх запитів (таблиця водоспаду).
- Розбивка елемента хосту - включаючи DNS, з'єднання, SSL, запит, першу партію та завантаження.
- Перевірка помилок.
Сервіс також надає рекомендації щодо покращення швидкості сайту на вкладці PageSpeed Insights. Це включає оптимізацію зображень, кеш-пам’яті, сценаріїв та CSS, вмісту та інших факторів. Ви можете поділитися своїми результатами тестування за посиланням на звіт. Сервіс також має безліч додаткових інструментів для моніторингу сайту, настроювані сповіщення електронною поштою та зручні інформаційні панелі.
Вихідні дані
Чудовий сервіс, що аналізує основні параметри. Недоліком послуги є те, що вона платна, але вартість адекватна функціоналу і цілком доступна. В результаті відображається все, що необхідно для повного аудиту швидкості.
6. DareBoost
Англомовна служба, яка дозволяє перевірити швидкість завантаження сторінки відповідно до зазначених параметрів. Умови тесту можна вибрати:
- Тип пристрою.
- Регіон.
Послуга дозволяє протестувати один сайт або до 5 сайтів з реєстрацією безкоштовно та без реєстрації. Вище цього платять.
Рекомендації щодо обслуговування
В результаті аналізу служба надає поради щодо 10 категорій:
- Використання кеш-пам'яті (список ресурсів без датування кешу, рекомендації щодо стиснення, розміри сценаріїв тощо).
- Кількість запитів (інформація про переспрямування, групування CSS та сценаріїв, розподіл ресурсів за доменом, спрайти CSS, властивості зображення тощо).
- Безпека (наприклад, наявність конфігурацій, що захищають від зловмисних атак).
- Доступність/видимість (наприклад, помилки макета - порожні теги, атрибути lang, атрибути форм подання даних, порожні src, прив'язки посилань тощо).
- Швидкість реагування (наприклад, відсутність застарілих атрибутів - фреймів, компонентів Java, Flash, використання UTF-8 тощо).
- Якість (наприклад, помилки в CSS та HTML, наявність значка тощо).
- Дані сервера (Apache).
- Відображення в браузері (атрибути JavaScript, кількість коду, дублікати сценаріїв тощо).
- Загальні дані (оптимізація коду, посилань, зображень, шрифтів, розміру веб-сторінки, ваги перенаправлення тощо).
- Параметри SEO (оптимізація мета-тегів, URL-адрес, заголовків тощо).
Вихідні дані
Плюси: Сервіс дає багато практичних рекомендацій та аналізів для величезної кількості параметрів. Деякі параметри ви не знайдете в арсеналі інших подібних служб, наприклад дані про безпеку або про дубльовані сценарії. Мінуси: безкоштовно лише до 5 чеків.
7. Тест швидкості KeyCDN
Щоб перевірити швидкість, потрібно ввести URL-адресу та вибрати один із 14 регіонів світу для тесту. Ви також можете зробити свої результати тесту приватними або загальнодоступними. У результатах тесту ви побачите інформацію про завантаження кожного елемента сторінки: стан, розмір, час завантаження та часову шкалу (шкала з розшифровкою етапів завантаження, позначених різними кольорами).
Вихідні дані
Ви можете швидко побачити, скільки було зроблено HTTP-запитів, загальний розмір запитуваної сторінки та час завантаження. Всю отриману інформацію, в принципі, можна отримати вручну, використовуючи DevTools Google Chrome, за винятком того, що в службі KeyCDN Speed Test ви можете вибрати регіон для тестування.
8. Вплив навантаження
Load Impact - це послуга, яка в першу чергу призначена для завантаження тестування і показує, як змінюється швидкість із збільшенням кількості користувачів на сайті. Крім того, по дорозі він вимірює швидкість завантаження сторінки.
Вихідні дані
Безкоштовна версія сервісу імітує навантаження до 50 віртуальних користувачів і відображає дані про остаточну швидкість завантаження, розбиту за елементами. Сервіс не дає рекомендацій щодо оптимізації швидкості, але в платній версії він має багато можливостей для перевірки навантаження.
9. Засоби моніту
Для перевірки швидкості потрібно зареєструватися. Далі, у своєму особистому кабінеті в розділі «Інструменти» виберіть інструмент «Повне завантаження сторінки», який перевіряє всі елементи на сторінці, імітуючи переходи з різних частин світу. Інструмент безкоштовний.
Вихідні дані
В результаті тесту ми отримаємо зведену статистику завантажень усіх елементів сторінки у вигляді трьох таблиць за регіонами: Азія, Європа та США із зазначенням швидкості завантаження для кожного регіону.
Мінуси служби: необхідна реєстрація, детальних рекомендацій немає, а інтерпретація результатів незалежна. Перевагою послуги є можливість перевіряти швидкість з основних регіонів світу.
10. Pagelocity
Інструмент перевіряє швидкість завантаження веб-сайту за трьома розділами: SEO, продуктивність та код. Оцінка проводиться за 100-бальною шкалою. Для перевірки швидкості потрібно ввести URL-адресу сторінки та натиснути «Перевірити». Немає вибору додаткових опцій для перевірки (наприклад, регіон або браузер). Але, як результат, ви побачите акуратно представлену інформацію:
- Розділ SEO. Основні показники: розмір вихідного коду, розмір тексту, співвідношення тексту до HTML, довжина URL-адреси. А також перевірити ще 9 параметрів за заголовками, URL-адресами, мета-тегами.
- Розділ продуктивності. Розмір зображень, сценаріїв, CSS та швидкість завантаження. А також ще 8 параметрів.
- Код розділу. Метрика TTFB (час до першого байта), елементи DOM та ще 12 метрик - коди відповідей, перевірка HTTP, довжина класу та інші.
Сервіс також має розширення для Chrome, щоб полегшити перевірку швидкості сторінки.
Вихідні дані
Мінуси сервісу: немає вибору регіону та браузера для перевірки, загальні рекомендації - без переліку конкретних файлів та елементів.
Плюси: рекомендації подані у зручній формі, розділені на розділи. Авторизація не потрібна. Існує розширення браузера.
Підсумок: послуга ідеально підходить для швидкої перевірки. Якщо вам потрібен більш продуманий та детальний аналіз, краще звернутися до додаткових служб.
11. PR-CY
PR-CY - це багатозадачна послуга для аналізу веб-сайтів. Щоб перевірити швидкість завантаження, потрібно вибрати відповідний інструмент і ввести URL-адресу, додатково вибрати тип пристрою - комп’ютерний або мобільний. Як результат, інструмент надає рекомендації, подібні до Google PageSpeed Insights, а саме:
- Загальна оцінка швидкості (із кольоровим позначенням "погано", "добре" та "відмінно") та код відповіді.
- Перевірка переспрямувань.
- Рекомендації щодо стиснення ресурсів.
- Рекомендації щодо кешування.
- Час відгуку сервера.
- Рекомендації щодо стиснення CSS, HTML та JavaScript.
- Оптимізація зображень, сценаріїв, стилів та видимого вмісту.
- Усі рекомендації містять перелік конкретних елементів, які слід оптимізувати.
Вихідні дані
Переваги послуги безкоштовні, зручні та інформативні. Авторизація не потрібна.
Мінуси: немає регіону вибору для тестування; рейтинг швидкості подається у відносному вираженні (хороший чи поганий) без відображення часу навантаження.
12. SiteSpeed.me
Це простий інструмент, який перевіряє швидкість у різних регіонах. Щоб зробити тест, потрібно просто ввести URL-адресу сторінки. Результатом тесту є таблиця з даними про швидкість, код відповіді, розмір та загальний час завантаження за регіонами.
Також для кожного регіону розкривається детальна інформація про етапи завантаження та про час завантаження кожного елемента.
Вихідні дані
Служба не дає своїх рекомендацій, а лише показує загальну картину етапів завантаження. Це буде корисно для тих, хто перевіряє швидкість з різних куточків світу.
Висновок
Ми сподіваємось, ви знайдете відповідний інструмент для своїх завдань. Однак, якщо ваша мета - назавжди усунути проблеми з вашим веб-сайтом і довести його до верхньої частини результатів пошукових систем, ви можете спробувати Семальта послуги.
Ми маємо ефективні та функціональні інструменти, які допоможуть вам за короткий проміжок часу:
Що стосується інших питань, ми маємо команда експертів доступні цілодобово і готові супроводжувати вас і відповідати вашим вимогам.