Як перевірити швидкість завантаження сайту: рекомендації від SEO Studio

Чи впливає на швидкість завантаження сайтів на SEO, поведінкові фактори та перетворення? Простота відповідь так. Наприклад, Amazon каже, що прискорює свій магазин для кожного 100 мілісекундів збільшує дохід на 1%. Для кожного друга вона завантажує 15% переглядів сторінок, 20% задоволеності користувачів, 7% перетворення. Тому дуже важливо тримати цей фактор під контролем і вміти правильно оцінити його.

Зміст:

• Перші тести або де почати
• Що таке швидкість завантаження сайту
• Перший екран виходить першим.
• Рекомендований час завантаження сторінок
• Кращі інструменти тестування

Перші тести або де почати

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

Блок стемплінгів є непорозумінням роботи кешу браузера. Давайте розберемося.

Майже будь-який сайт не єдиний. Коли хтось відкриває ваш сайт, вони повинні завантажити весь набір файлів. Іноді це може бути десятки різних компонентів (HTML документ, аркуші стилів, JavaScript файли, зображення тощо). Ось яка сторінка Яндекса починається виглядає як (далее від того, що саме сайт «heavy») у вигляді файлів і компонентів:

Звісно, перший раз вантажі сайту будуть повільними. Однак, коли ви знову відвідуєте, сайт буде відкрито швидко, оскільки більшість файлів вже знаходяться на комп’ютері (в кеші браузера) і вони не будуть завантажені знову. 

Якщо ви використовуєте Яндекс Метрики, відкрийте пункт меню «Репорти» – «Стандартні звіти» – «Відвідування». Серед інших показників в таблиці будуть важливі на даний момент стовпчик “Попередня кількість нових відвідувачів”. Насправді це відвідувачі сайту, які повільно завантажується.

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

Швидкість завантаження сайтів: фактори

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

Час до першого

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

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

•  

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

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

Перший екран виходить першим.

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

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

Щоб підвести підсумок, це швидкий дисплей першого екрана сайту, який є метою #1 для будь-якого вебмайстра.

Рекомендований час завантаження сторінок
 

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

• TTFB (час до першого байта): не більше 0,3 секунд;
• перед початком рендерингу: не більше 1,5 с;
• до повного завантаження сторінки: не більше 2-3 секунд.

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

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

Веб-сайт

PageSpeed Insights є одним з найпопулярніших інструментів для тестування сайтів. Цікавою особливістю цього сервісу є те, що нічого не знає про секунди і мілісекунди. Сайт розрахований на відносні одиниці від 0 до 100. Хороші показники можна вважати все більше 85.

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

Крім настільної версії, PageSpeed Insights також проаналізує мобільну версію, яка дуже зручна.

панчохи

Ще один відомий сервіс тестування швидкості сайту є Pingdom. Ця послуга дуже схожа на PageSpeed Insights. Система дає ряд рекомендацій для вебмайстра, за якими можна прискорити завантаження сайту. На відміну від попереднього сервісу, Pingdom надає ряд унікальних варіантів. Зокрема, детальний «водний водоспад» завантаження всіх ресурсів.

Перед запуском аналізу сайту в Pingdom рекомендується вибрати найближчий сервер зі списку. Як Стокгольм.

Веб-камера

WebPageTest може бути викликаний професійним інструментом для вимірювання швидкості завантаження сайту. В цілому він схожий на Pingdom, але має набагато більше функцій. Наприклад, понад 40 серверів в різних країнах світу і більше 25 браузерів. Це дозволяє дізнатися, як швидко завантажити сайт в Німеччині в браузері Chrome або в Канаді.

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

Кошик

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

Щоб скористатися цими та іншими розширеними функціями, потрібно зареєструватися та отримати обліковий запис. Послуга безкоштовно.

Оптимізація сторінки Varvy

Оптимізація Varvy Pagespeed надає багато корисної інформації в зручний для користувача спосіб. Цей інструмент спрямований в першу чергу для оптимізації швидкості рендерингу сторінок. Послуга виглядає для будь-якого, що може блокувати рендеринг і дає докладні рекомендації щодо того, як позбутися від цієї проблеми.

Рекомендується використовувати цей сервіс як додатковий інструмент тестування.