Як перевірити і збільшити швидкість завантаження сайту

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

Чому низька швидкість завантаження сайту – проблема?

Навіть якщо у користувача хороше інтернет-з’єднання, повільне завантаження сторінок вашого сайту залишиться, а разом з нею і проблеми: низькі показники конверсії, повторних покупок, високий відсоток відмов.
Статистика 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 секунди. Якщо сторінки завантажуються довше, залишається один вихід – змінити хостинг.

Висновки

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

• перевірити швидкість завантаження ресурсу (посилання на сервіси в статті);
• визначити слабкі сторони сайту;
• внести зміни (наприклад, змінити розмір зображень).