Усі колекції
Конструктор сайтів
SEO
Конструктор сайтів: швидкість сайту
Конструктор сайтів: швидкість сайту

Дізнайтеся все про швидкість сайту

Оновлено протягом останнього тижня

Швидкість завантаження сайтів, створених за допомогою конструктора сайтів Hostinger, оптимізовано за замовчуванням:

  • Усі ресурси сайту (зображення, відео та інші файли) автоматично зберігаються у мережі доставлення контенту Cloudflare: Що таке CDN?

  • Конструктор автоматично оптимізує всі візуальні елементи, які Ви завантажуєте на свій сайт (крім GIF-файлів)

Ось що Ви можете зробити додатково:

  • Обмежте використання GIF-файлів, оскільки конструктор не в змозі оптимізувати їх, а наявність таких файлів може уповільнити сторінки

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

Дізнайтеся більше:

Як перевірити швидкість сторінки

Рекомендуємо скористатися PageSpeed Insights – цей інструмент розроблений Google і є одним із найбільш надійних. Просто вставте URL-адресу Вашої сторінки та натисніть «Аналізувати»:

Using PageSpeed Insights tool

Ви можете перевірити як мобільну, так і десктопну версії.

Це повністю нормально, що мобільна версія працює повільніше, ніж настільна, тому що:

  • Мобільні пристрої мають повільніші процесори

  • PageSpeed Insights стимулює роботу мобільної мережі на меншій швидкості

  • Для мобільних пристроїв існують спеціальні правила CSS (напр., для зміни розміру зображень)

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


Найважливіші показники

В інструментах перевірки швидкості сторінки доступно багато показників, але наведені нижче є найважливішими 👇

Це час, потрібний браузеру для отримання першого байта у відповідь на запит браузера. Ідеальний час відповіді має становити від 30 до 100 мс:

PageSpeed Insights tool

Коли цей показник низький, він автоматично зменшує інші показники, наприклад, LCP (Largest Contentful Paint). Зверніть увагу, що Ви можете отримати гірші результати, оскільки під час перевірки продуктивності сайту Ваш сайт не кешується інструментом швидкості сторінки. Це означає, що сайт завжди перевіряється так, ніби Ви зайшли на нього вперше. Для реальних користувачів сторінка завантажуватиметься трохи швидше.

Такий код JavaScript може бути більше не потрібним (але присутнім) під час завантаження сторінки, або може містити залишки, імпортовані з інших модулів, на які більше немає посилань. Зазвичай це спричинено сторонніми інтеграціями, які додано на сайт:

PageSpeed Insights tool

Усі зображення, які Ви завантажуєте в конструктор сайтів, оптимізуються автоматично. Однак є винятки:

  • Візуальні елементи, додані за допомогою кода для вставки

  • Візуальні елементи, які завантажені з Instagram

  • GIF-файли

PageSpeed Insights tool

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

PageSpeed Insights tool

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

PageSpeed Insights tool

Ця проблема, як правило, спричинена елементами галереї зображень, особливо якщо додано багато файлів:

PageSpeed Insights tool

Дізнайтеся більше:

Ви отримали відповідь на своє запитання?