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