Назад в блог

ЯК ПЕРЕВІРИТИ І ЗБІЛЬШИТИ ШВИДКІСТЬ ЗАВАНТАЖЕННЯ САЙТУ

6 червня 2019 р. Автор:

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

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

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

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

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

                                  Висновки

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

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

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

                                        Оцініть статтю
                                        (5,0 з 5 на основі 2 відгуків)

                                        вам також буде цікаво

                                        Keep up with us!

                                        Слідкуй за нами!

                                        Ми поділяємо новини та проекти в нашому інформаційному бюлетені.