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

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

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

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

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

Статистика 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-сайт і подивитися результат. Ми покажемо кілька таких послуг.

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

1. Оптимізуйте зображення, зменшивши їх розмір та використовуючи сучасні формати.
2. Налаштуйте стиснення файлів за допомогою GZip або аналогічних інструментів.
3. Зменшіть кількість запитів браузера до сервера, видаляючи зайві елементи та скрипти.
4. Оптимізуйте CSS та JavaScript, вилучивши непотрібний код і скоротивши обсяг файлів.
5. Використовуйте кешування, щоб прискорити повторне завантаження сторінок для користувачів.
6. Підключіть CDN, щоб зменшити відстань між користувачем і сервером.
7. Перевірте швидкість відповіді сервера та за потреби замініть хостинг.

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

Висновки

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

Щоб збільшити ці показники потрібно:

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