Низька швидкість завантаження може негативно впливати на конверсію і інші показники інтернет-бізнесу.
У новій статті розбираємося, яка швидкість завантаження сайтів вважається нормальною, як її виміряти і збільшити.
Навіть якщо у користувача хороше інтернет-з’єднання, повільне завантаження сторінок вашого сайту залишиться, а разом з нею і проблеми: низькі показники конверсії, повторних покупок, високий відсоток відмов.
Статистика Google показує, що сьогодні:
Тому завдання №1 в 2019 році – зробити завантаження мобільних сайтів максимально швидкою.
Ще одна важлива проблема – ранжування ресурсу пошуковими системами. Раніше Google не перевіряв оптимізацію мобільної версії, тому вона не впливала на позиції сайту. Після запуску Mobile First Index ситуація змінилася: якщо мобільна версія вашого сайту завантажується довго, то десктопна версія втрачає позиції в пошуковій видачі.
Google класифікує сайти за трьома типами:
Показники для мобільної версії сайту нижче і теж поділяються на три типи:
Google накладає пошукові санкції тільки на сайти з поганою швидкістю, тому якщо швидкість завантаження сторінок середня – поки немає приводів для паніки.
Перевірити сайт можна на одному зі спеціальних сервісів. Вони легко влаштовані: потрібно тільки вставити URL-сайту і подивитися результат.
Ми покажемо кілька таких сервісів.
Це мінімалістичний сервіс від Google. Він дозволяє швидко визначити швидкість завантаження сторінок на ПК і смартфонів на основі власних рекомендацій.
Сервіс оцінює швидкість завантаження і вказує рівень оптимізації сайту, і показники, які можна поліпшити.
*оцінка нашого сайту на сервісі PageSpeed Insights. Наш сайт з хорошою швидкістю завантаження.
Сервіс дозволяє:
GTmetrix нагадує Pingdom Tools, але звіт про швидкість завантаження сайту виглядає зручніше. Можна подивитися:
Способів для прискорення завантаження ресурсу багато. Ми розглянемо основні з них.
Для цього можна використовувати інструмент GZip. Він скорочує обсяг даних, які браузер передає користувачеві. Так можна зменшити обсяг даних і збільшити швидкість завантаження сайту.
Можливо на вашому сайті вже використовується інструмент GZip. Це можна перевірити в PageSpeed Insights.
Зображення великого розміру уповільнюють завантаження сторінок, тому рекомендуємо використовувати зображення у форматі JPEG 2000, JPEG XR і WebP. Зображення в цих форматах будуть завантажуватися швидше і споживати менше трафіку, ніж в PNG і JPEG.
*оптимізація фото за допомогою Photoshop. Для цього необхідно вибрати в меню “Файл-Зберегти для Web” (в деяких версіях програми – “Файл-Експорт-Зберегти для Web”). У вікні користувач може змінити відсоток якості фото (1). Для оптимізації рекомендується виставляти це значення від 60 до 100. Також можна змінити і дозвіл фотографії (2). Обидва ці параметри впливають на підсумкову “вагу” зображення.
Ще можна використовувати спеціальний плагін на WordPress, який буде автоматично конвертувати зображення в оптимальний формат.
Зайві елементи збільшують час завантаження сторінок. Зменшити час завантаження можна декількома способами:
У перевантажених сайтів сторінки завантажуються довше. Час завантаження можна 3 способами:
Відстань від вашого комп’ютера до сервера впливає на швидкість завантаження сторінок. Скоротити відстань і підвищити швидкість завантаження сторінок можна за допомогою мереж доставки контенту CDN (наприклад, Incapsula). Такі мережі завантажують веб-файли з найближчого сервера.
Якщо ви врахували всі моменти, а сайт все одно повільно завантажується – рекомендуємо перевірити час відповіді сервера. Це можна зробити в Google Analytics. Допустимий час відповіді сервера – 0,2 секунди. Якщо сторінки завантажуються довше, залишається один вихід – змінити хостинг.
Час завантаження сторінок впливає на кількість відвідувань, позицію в пошуковій видачі і конверсію. Якщо сторінки довго вантажаться, користувачеві легше перейти на інший сайт.
Щоб збільшити ці показники потрібно:
Вам також може бути цікаво
Заповніть форму
Перед початком співпраці нам потрібно з вами зв'язатися для обговорення проекту. Вкажіть контактні дані для зв'язку з вами.
Заповніть форму
Перед початком співпраці нам потрібно з вами зв'язатися для обговорення проекту. Вкажіть контактні дані для зв'язку з вами.