Покупатели не любят ждать — теперь им не придётся#
Каждая секунда загрузки магазина — это потерянные покупатели. Человек открывает ссылку, видит пустой экран или крутящийся спиннер и закрывает приложение, так и не увидев ни одного товара.
Мы проанализировали реальные данные загрузки всех магазинов на Tiny Shops и обнаружили, что пока одни магазины открывались меньше чем за секунду, многие небольшие магазины загружались от 3 до 8 секунд, прежде чем покупатели могли хоть что-то увидеть. Это слишком долго, особенно на мобильном.
Мы это исправили. Со вчерашнего дня каждый магазин на Tiny Shops загружается значительно быстрее — вам ничего не нужно делать.
Что именно изменилось#
Вот что мы сделали простым языком:
Товары появляются сразу. Раньше магазин показывал спиннер загрузки, пока ждал завершения настройки Telegram в фоновом режиме. Теперь ваши товары, цены и фотографии отображаются моментально. Подключение к Telegram всё так же происходит — просто покупатели больше не смотрят на пустой экран, пока оно завершается.
Шрифты больше не блокируют отображение. Магазин использует шрифт Inter для красивого и аккуратного вида. Раньше браузер ждал загрузки этого шрифта, прежде чем показать что-либо. Теперь магазин отображается с доступным шрифтом сразу и подменяет его на более красивый, как только тот загрузится. Большинство покупателей даже не заметят подмены — зато заметят, что магазин открылся быстрее.
Изображения товаров загружаются умнее. Первые несколько товаров, которые вы видите, теперь загружаются с высоким приоритетом, а изображения дальше по странице ждут, пока вы до них долистаете. Это значит, что товары на первом экране появляются быстрее.
Аналитика работает в фоне. Мы используем PostHog, чтобы понимать, как используются магазины, и помогать вам отслеживать посещения и заказы. Раньше аналитика загружалась сразу и конкурировала с контентом магазина за пропускную способность. Теперь она ждёт, пока магазин полностью отобразится, и только потом запускается.
Анимации не задерживают первое отображение. Карточки товаров раньше появлялись по одной с эффектом каскада. Выглядело красиво, но последний товар в сетке появлялся на секунду позже первого. Теперь при первой загрузке все товары показываются разом. Анимация по-прежнему работает при переключении фильтров.
Цифры
Мы замерили реальные данные производительности всех магазинов за неделю до и после обновления:
Все магазины вместе#
| Что измеряли | До | После | Улучшение |
|---|---|---|---|
| Медианное время до первого контента | 1 240 мс | 946 мс | на 24% быстрее |
| Медианное время до главного изображения | 1 639 мс | 1 208 мс | на 26% быстрее |
| Самые медленные 25% загрузок (первый контент) | 2 273 мс | 1 472 мс | на 35% быстрее |
Небольшие магазины (те, кому это было нужнее всего)#
| Что измеряли | До | После | Улучшение |
|---|---|---|---|
| Медианное время до первого контента | 1 862 мс | 1 114 мс | на 40% быстрее |
| Медианное время до главного изображения | 2 711 мс | 810 мс | на 70% быстрее |
Небольшие магазины получили наибольшее улучшение, потому что они не пользуются кэшированием повторных визитов, как магазины с большим трафиком. Если вы только начинаете и у вашего магазина небольшая, но растущая аудитория — это обновление важнее всего именно для вас.
Что это значит для вас#
Ничего не нужно настраивать. Обновление уже работает для каждого магазина. Вам не нужно менять настройки, перепубликовывать товары или делать что-либо ещё.
Покупатели видят товары быстрее. Особенно при первом заходе и на медленном интернете разница заметна. Быстрая загрузка означает, что меньше людей закроют магазин, не успев посмотреть товары.
Работает на всех устройствах. Не важно, у ваших покупателей флагман или бюджетный Android — улучшения работают везде. Наибольший эффект на медленных устройствах и соединениях — именно там, где это важнее всего.
Что дальше#
Скорость загрузки — это то, что мы продолжим улучшать. Сейчас мы работаем над:
- Оптимизацией изображений — автоматическая подача нужного размера картинки для каждого устройства
- Кэшированием на серверах ближе к покупателям — чтобы контент вашего магазина приходил быстрее
- Мгновенной навигацией — чтобы переходы между страницами внутри магазина казались моментальными
Мы будем делиться обновлениями по мере выпуска. Если у вас есть вопросы или вы заметили что-то изменившееся в вашем магазине — напишите нам, мы всегда рады обратной связи.
