Розробка інтернет-магазину на Shopify і правка наявної теми
Сервер Shopify відповідає за 0,73 секунди. На одному магазині, який ми міряли, головний елемент сторінки з'являвся лише на 19,2 секунді - цю різницю додали тема, застосунки і чужі скрипти. Будуємо і приймаємо магазини так, щоб вона не виникала.
Хочу знати, що гальмує мій магазин →
Три місця, де на Shopify губляться гроші, і жодне з них - не платформа.
Shopify бере на себе касу, продуктивність сервера і безпеку. Рахунок за повільний магазин виставляють тема, застосунки і міжнародні налаштування.
Тема і швидкість завантаження
Різниця між 1,8 і 19,2 секунди важила 10,6 МБ. Власний код теми займав 635 КБ, а на живій сторінці їх було три мегабайти. Порядок, у якому лагодять швидкість, у нас розписаний разом із замірами.
- Вимірювання платформи і збірки сторінки окремо
- Чужі скрипти з defer, а не дванадцять чужих відмов
- Правки в порядку за впливом, а не за балом
Аудит застосунків і прибирання теми
Видалений застосунок лишається в темі: мертві сніпети, 6,9 МБ картинок і чужі скрипти, які ніхто не супроводжує. Як зробити аудит самим за півдня, описуємо разом із командами.
- Список того, що лишилося в темі після застосунків
- Чужий код без власника - геть зі стартової сторінки
- Щомісячний рахунок за застосунки, розкладений на три частини
Markets, переклади і другий ринок
Hreflang з'явиться лише для ринку зі своєю адресою, а переклад, який робить JavaScript, для пошуковика не існує. Де при експансії губиться SEO, ми виміряли.
- Підпапка, піддомен чи національний домен
- Перевірка hreflang до того, як додасте ринок
- Рішення, яке діє на роки вперед
Спершу вимірювання, і лише потім рахунок.
Міряємо два числа, а не одне
PageSpeed Insights змішує два різні вимірювання, і лише одне з них - про вашу сторінку. Перш ніж щось лагодити, відділяємо відповідь платформи від збірки сторінки: інакше лагодиться не те, і цифри не рухаються.
Шаблони замість полів повернуться
Тема після чотирьох років правок містила 323 шаблони на 193 структури і 723 вимкнені секції. Коли банер роблять шаблоном замість поля в адмінці, за це платять на другому ринку.
Скажемо і те, щоб Plus не купували
Plus купують не заради швидкості, а заради каси, а в headless є три умови, без яких його брати немає сенсу. Порахуємо на ваших числах, навіть якщо в нас вийде «ні».
Від вимірювання до передачі, крок за кроком.
Вимірювання і розбір
Заміряємо відповідь платформи і збірку сторінки окремо, пройдемо тему і список застосунків. На виході - порядок правок за впливом, а не список усього, що можна покращити.
Прибирання теми
Мертвий код, залишки видалених застосунків, чужі скрипти без defer. У того, що в темі лишиться, буде власник і причина, з якої воно там є.
Розробка і правки
Секції та поля в адмінці замість розгалуження шаблонів, щоб контент міняла редакція, а не підрядник. У кожної нової структури причина записана в завданні.
Експансія і передача
Markets, hreflang і переклади перевірені до того, як ви додасте ринок. Передача з письмовим звітом: що змінилося, чому і що лишилося неприбраним.
Часті питання про магазин на Shopify
Не знаєте, що гальмує ваш магазин? Надішліть адресу - перше вимірювання безкоштовно.
ШВИДКІСТЬShopify же швидкий. Чому мій магазин гальмує?
ЗАСТОСУНКИЗастосунки я видалив. Допомогло?
ТЕМАВізьмете тему після іншого підрядника?
ВАРТІСТЬСкільки коштує прискорення чи прибирання теми?
PLUSНам переходити на Shopify Plus чи на headless?
ЕКСПАНСІЯГотуємо другий ринок. На що дивитися?
Надішліть нам адресу магазину і список застосунків. Повернемо два числа - відповідь платформи і збірку сторінки - і порядок правок за впливом. Навіть якщо зрештою ви нас не наймете.
Віддати магазин на замір