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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Початковий час відповіді сервера

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

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

Невикористаний JavaScript

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

Зображення правильного розміру

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

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

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

• GIF-файли

Критичні ланцюги запитів

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

Мережа доставлення контенту

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

Занадто великий розмір DOM

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

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

• Про PageSpeed Insights

• Рекомендації GTmetrix