Повільний магазин Shopify? 7 причин і що можна перевірити самому

Ваш магазин здається млявим, особливо на телефоні? Ви не самі. Добра новина: у Shopify справа майже ніколи не в сервері. Хостинг і чекаут Shopify бере на себе. Повільним магазин робить те, що сидить у темі: застосунки, зображення, скрипти й секції. І багато чого з цього можна знайти самому.

Спершу виміряти: перевірка магазину за десять хвилин

1. Відкрийте PageSpeed Insights і введіть адресу головної сторінки. Повторіть для колекції і сторінки товару, бо саме там клієнти купують.
2. Дивіться вкладку Мобільні пристрої. Більшість відвідувачів приходить із телефона, і там різниця найбільша.
3. Угорі, якщо відвідувачів достатньо, стоїть оцінка за реальними даними користувачів («Core Web Vitals»). Для Google вона важить більше, ніж бал під нею, який дає лише лабораторний тест.
4. У Google Search Console в розділі Core Web Vitals ви знайдете ті самі значення для всього магазину.

Запишіть значення. Так потім побачите, чи зміна справді щось дала.

7 найчастіших причин

1. Забагато застосунків

Кожен застосунок, що щось показує в магазині, завантажує свій код: відгуки, спливні вікна, чат, список бажань, допродажі, лічильники. Поодинці це небагато, разом гальмує кожну сторінку. Пройдіться застосунками й спитайте про кожен: чи він ще потрібен і чи не вміє цього вже моя тема?

2. Залишки видалених застосунків

Видалити застосунок не завжди означає, що зник його код. Старіші застосунки писали код прямо у файли теми, і він далі завантажується. Це видно лише в коді, наприклад у theme.liquid. Тут допоможе людина, яка читає Liquid.

3. Великі зображення й відео на головній

Слайдер із п’ятьма великими фото чи фонове відео вгорі часто найбільша окрема позиція. Shopify зменшує зображення автоматично, але лише якщо тема правильно цим користується. Не завантажуйте зображення більші, ніж треба, і спитайте себе, чи слайдер справді продає, чи просто гарний.

4. Стара або перевантажена тема

Теми, куплені роки тому й відтоді постійно допрацьовані, тягнуть за собою багато зайвого. Новіші теми з Shopify Theme Store зазвичай помітно легші. Зміна вигідна передусім тоді, коли багато в магазині й так працює через застосунки, які нова тема вміє сама.

5. Скрипти аналітики й маркетингу

Google Analytics, піксель Meta, TikTok, Pinterest, теплові карти: кожен сервіс завантажує код. Перевірте, які з них ви справді аналізуєте. Для цього Shopify має події клієнтів (custom pixel), щоб код відстеження більше не сидів прямо в темі.

6. Забагато шрифтів

Три шрифти по чотири накреслення — це дванадцять файлів, які браузер має завантажити, перш ніж текст покажеться як слід. Двох шрифтів у кількох накресленнях майже завжди досить.

7. Забагато на одній сторінці

Головна росте на одну секцію з кожною акцією. Двадцять секцій із каруселями товарів, стрічкою Instagram і віджетом відгуків завантажуються відповідно довго. Менше, але зрозуміліших секцій допомагає і швидкості, і продажам.

Що можна зробити самому

• Навести лад у застосунках: видалити все, чим ви не користуєтеся.
• Зменшувати зображення перед завантаженням, прибрати фонові відео.
• Скоротити головну: які секції хтось справді натискає?
• Прибрати сервіси відстеження, які ви не використовуєте.
• Потім виміряти знову й порівняти із записами.

Коли розробник дасть більше

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

Приклад: Pedchem

Pedchem, магазин засобів боротьби зі шкідниками на 323 товари, працював на темі Flex із кількома платними застосунками. Я зібрав магазин заново на темі Enterprise без платних застосунків, переніс дані товарів у метаполя, а відстеження в custom pixel. У лабораторному тесті нова тема отримала 96 балів за продуктивність, стара 57. Живий магазин тим часом продавав далі, а перемкнули тему лише після письмового погодження.

Часті запитання

Справа в моєму тарифі Shopify? Ні. Час завантаження залежить не від тарифу, а від теми й того, що в ній завантажується.

Мені треба купувати нову тему? Не завжди. Часто досить прибрати застосунки й старий код. Зміна вигідна, коли стара тема тягне багато зайвого.

Наскільки важливий бал у PageSpeed Insights? Це добрий орієнтир. Для Google зрештою важать реальні дані користувачів, Core Web Vitals.

Магазин продає далі, поки над ним працюють? Так. Я працюю в неопублікованій тестовій темі; наживо вона виходить лише після вашого погодження.

Подивитися ваш магазин?

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

Kiril Karatitsyn, Shopify-розробник у Німеччині