Разработка интернет-магазина на 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?
ЭКСПАНСИЯГотовим второй рынок. На что смотреть?
Пришлите нам адрес магазина и список приложений. Вернём два числа - ответ платформы и сборку страницы - и порядок правок по влиянию. Даже если в итоге вы нас не наймёте.
Отдать магазин на замер