Дослідження: 40% интернет-магазинів України на десктопах завантажуються повільно
Швидкість завантаження сторінок грає суттєву роль для комерційних сайтів: чим довше завантажується сайт, тим вища ймовірність, що потенційний клієнт залишить його, так і не дочекавшись появи потрібної інформації. Дослідження таких гігантів, як Walmart або Shopzilla, показують, що навіть невелике прискорення сайту сильно впливає на конверсію та продаж.
Ще одна причина задуматися про швидкість завантаження сьогодні – це зростання частки мобільного інтернету: багато користувачів виходять у мережу з телефонів і планшетів за умов порівняно повільного з'єднання. Водночас, швидкість завантаження сайтів на мобільних пристроях важлива не лише для людей, а й для пошукових систем. Наприклад, раніше Google використовував цей показник лише для оцінки десктопної версії ресурсу (для настільних комп'ютерів), але після оновлення Speed Update швидкість завантаження сторінок стала одним з факторів ранжирування і в мобільному пошуку.
Виходячи з цього, ми в Arto Web Agency вирішили перевірити, наскільки оптимізована швидкість завантаження українських інтернет-магазинів і які чинники найсильніше на неї впливають. Результати дослідження ми вже публікували у статті на порталі Delo.ua. Однак, до цієї публікації увійшли не всі дані, тому тут хочемо поділитися з вами більш повною інформацією.
Методика дослідження
Для аналізу ми використовували власну базу інтернет-магазинів України, що містила 23246 унікальних доменів. Швидкість завантаження цих сайтів ми перевіряли за допомогою спеціально розробленого програмного забезпечення, яке використовує Google PageSpeed Insights API v4. Зверніть увагу, що перевірка проводилася до оновлення PageSpeed Insights 12 листопада 2018 року; зараз інструмент працює на основі API версії 5.
Для кожного з перевірених адрес API видавало загальну оцінку швидкості завантаження головної сторінки за 100-бальною шкалою, а також 10 основних показників, які на неї впливають.
Результати
Швидкість завантаження інтернет-магазинів оцінювалася за шкалою від 0 до 100. Згідно з документацією PageSpeed Insights, величина цього показника означає наступне:
- 0 – 59 – низький рівень оптимізації (Low);
- 60 – 79 – середній рівень оптимізації (Medium);
- 80 – 100 – хороший рівень оптимізації (Good).
Зверніть увагу, що в поточній версії інструменту шкала оцінок будується дещо по-іншому. Ознайомитися з новими числовими діапазонами ви можете тут.
У результаті дослідження було виявлено, що середня величина показника оптимізації швидкості завантаження склала:
- для настільних комп'ютерів (Desktop Score) – 62,6;
- для мобільних пристроїв (Mobile Score) – 69,97.
На діаграмах нижче ми наочно представили розподіл масиву досліджуваних сайтів за величиною показника оптимізації, розбивши весь діапазон на відрізки по 10 пунктів.
Також у результаті аналізу були отримані дані за 10 правилами PageSpeed Insights, дотримання яких допомагає збільшити швидкість завантаження:
- Avoid Landing Page Redirects – уникайте перенаправлень цільової сторінки;
- Enable GZip Compression – увімкніть компресію GZip;
- Leverage Browser Caching – використовуйте кешування браузера;
- Improve Main Resource Server Response Time – зменшіть час відгуку сервера;
- Minify CSS – мінімізуйте розмір CSS-файлів;
- Minify HTML – мінімізуйте розмір HTML-коду;
- Minify JavaScript – мінімізуйте розмір ресурсів JavaScript;
- Minimize Render Blocking Resources – мінімізуйте кількість ресурсів, які блокують відображення (наприклад, підключень файлів CSS і JavaScript, розташованих в голові документа);
- Optimize Images – оптимізуйте зображення;
- Prioritize Visible Content – надавайте пріоритет завантаженню видимого контенту (так званого above-the-fold контенту – того, що користувач одразу бачить на першому екрані при завантаженні сайту).
Відповідність сайту кожному з 10 правил виражалася у вигляді показника Impact (внесок) – безрозмірної величини, що показує, наскільки сильно недотримання даного правила впливає на швидкість завантаження сторінки відносно інших правил. Наприклад, якщо використання GZip-компресії дозволить заощадити до 200 КБ при завантаженні сторінки, а оптимізація зображень – до 400 КБ, то Impact для правила Optimize Images буде вдвічі більший, ніж для правила Enable GZip Compression. Величина Impact, що дорівнює 0, означає, що правило повністю дотримано, тобто можливості для прискорення завантаження за цим параметром зведені до мінімуму.
Середні значення Impact, отримані для сайтів інтернет-магазинів України на комп'ютерах і мобільних пристроях, представлені на діаграмах нижче.
Отримані дані свідчать, що найбільший вплив на швидкість завантаження інтернет-магазинів на комп'ютерах мають неоптимізовані зображення. Багато власників сайтів не приділяють достатньо уваги зменшенню ваги зображень, проте, шляхом стиснення фотографій і видалення з них мета-даних (модель камери, дата знімка і т.д.) можна значно скоротити час завантаження.
Варто також зазначити, що дані щодо використання кешу можуть бути дещо завищені. Пов'язано це з тим, що на багатьох сайтах підключаються скрипти Google Analytics, які розробники не рекомендують кешувати. Водночас, PageSpeed Insights старої версії включав ці ресурси до списку некешованих і, отже, до показника звіту.
Найбільш сильним фактором, який гальмує завантаження сайтів інтернет-магазинів на мобільних пристроях, виявились ресурси, що блокують рендеринг сторінки. Власникам варто подбати про оптимізацію доставки таких ресурсів, наприклад, шляхом встановлення відкладеного і асинхронного завантаження скриптів (атрибути defer і async) там, де це можливо; налаштування Critical rendering path, відкладеного завантаження невикористаного коду CSS і т.д.
Висновки
Швидкість завантаження інтернет-магазинів України в середньому знаходиться на прийнятному рівні, однак, більшість з них все ж потребують оптимізації. Дані PageSpeed Insights API v4 показують, що загальний рівень оптимізації завантаження сайтів на мобільних пристроях дещо вищий, ніж на комп'ютерах; водночас, варто зазначити, що з оновленням інструменту картина змінилася: на теперішній час оцінки більшості сайтів на настільних комп'ютерах перевищують такі на мобільних пристроях.
Основні поради щодо оптимізації, які можна дати власникам інтернет-магазинів, включають (для будь-яких пристроїв):
- оптимізацію ваги зображень;
- настройка відкладеної завантаження ресурсів, які блокують відображення сторінок;
- оптимізацію доставки файлів JavaScript.
Пам'ятайте, що, навіть якщо ваш сайт завантажується досить швидко, але у вас ще є можливості для його прискорення, то не варто їх ігнорувати: більш швидке завантаження допоможе вам утримати клієнтів і збільшити показник конверсії.
Якщо ви зрозуміли, що ваш сайт необхідно прискорити, і без допомоги фахівців не обійтися, то веб-агентство ARTO готове запропонувати вам свої послуги. Звертайтеся, ми завжди раді допомогти!
