Косметика онлайн: Золотое Яблоко грузится 8.7 секунды, Beloris — 1.5 с

Клиент заходит на сайт магазина косметики, чтобы купить тональный крем. Она видит белый экран. Через 4 секунды появляется каталог, но вёрстка прыгает — кнопка «В корзину» уезжает вниз, палец попадает на «Сравнить». Через 8 секунд грузится hero-баннер. Это не баг. Это Золотое Яблоко на мобильном.

Beauty e-commerce — визуально богатейшие сайты рунета: свотчи, текстуры, видео-отзывы, сложные фильтры по тону кожи. Но красота интерфейса не должна убивать скорость. Команда AX Digital проанализировала данные Google CrUX по 46 интернет-магазинам косметики России (38 со score выше нуля) и составила независимый Рейтинг скорости сайтов косметики. Антагонист этой истории — не конкуренты. Это CLS 0.94 у Рив Гош и LCP 8 678 мс у главного beauty-ритейлера страны.

Три зоны: 38 магазинов под рентгеном

По данным CrUX за март 2026 все 38 магазинов косметики с данными распределились так:

Средний балл по нише — 5.7 из 10. Чуть лучше, чем у аптек (5.5) и FMCG-ритейлеров (5.4), но до зелёной зоны далеко. Если хочешь понять, что именно означают метрики LCP, INP, TTFB и CLS — у нас есть подробный разбор этапов загрузки сайта.

Лидеры: кто делает beauty-сайт правильно

7 из 38 сайтов попали в зелёную зону. Примечательно: это не самые известные бренды сегмента.

Паттерн лидеров: все пять имеют LCP ниже 1 700 мс, минимальный CLS и быстрый серверный ответ. Никаких тяжёлых SPA-фреймворков в критическом пути. Простая архитектура побеждает «амбициозную» — ровно как в рейтинге маркетплейсов, где нишевые игроки обгоняют гигантов.

Антирейтинг: 8.7 секунды и прыгающая вёрстка

Внизу рейтинга — истории, которые должен знать каждый beauty-маркетолог.

Золотое Яблоко: LCP 8 678 мс — рекорд абсурда

Mobile LCP 8 678 мс и FCP 8 516 мс — первый осмысленный пиксель появляется через 8.5 секунд. По данным Google, 53% мобильных пользователей уходят, если страница грузится дольше 3 секунд. При 8.7 секундах уходят почти все. Вероятная причина — тяжёлые hero-изображения и SPA-архитектура без SSR: весь JavaScript должен загрузиться и выполниться, прежде чем пользователь увидит хоть что-то.

Рив Гош: CLS 0.94 — сайт, который прыгает

CLS 0.94 означает: при загрузке элементы страницы сдвигаются суммарно почти на целый экран. В контексте beauty-магазина это катастрофа. Пользователь видит кнопку «Купить», тянется к ней — баннер подгружается, кнопка уезжает вниз, палец попадает на карточку другого товара. Это не просто неудобство — это потерянные заказы и возвраты.

Ив Роше и Parfumoff: старые проблемы

Ив Роше (#37, 2.3) — LCP 5 385 мс на мобильных, 4 757 мс на десктопе. Международный бренд, но российский сайт тормозит на обеих платформах. Parfumoff (#35, 3.7) — TTFB 2 952 мс на мобайле, 3 367 мс на десктопе. Сервер «мёртвый»: не может начать отдавать HTML быстрее 3 секунд.

«Каждая дополнительная секунда загрузки снижает конверсию мобильного сайта на 12%»

— Google / SOASTA Research

Квиз: угадай, кто быстрее

Почему beauty-сайты тормозят: нишевой анализ

Beauty e-commerce — объективно один из самых тяжёлых сегментов для web performance. Вот что делает эти сайты медленными.

Тяжёлые визуалы. Свотчи (цветовые варианты), текстуры, фото «до/после», видео-отзывы — всё это гигабайты неоптимизированных изображений. У Золотого Яблока hero-баннер — это полноэкранное фото, которое блокирует LCP.

Сложные фильтры. Тон кожи, тип кожи, SPF, состав, бренд, ценовой диапазон — beauty-каталог требует десятков фильтров. Каждый фильтр — JavaScript, который нагружает Main Thread и ухудшает INP. У Подружки (INP 306 мс) и Lamoda Beauty (INP 301 мс) — характерный «вязкий» интерфейс.

SPA без SSR. Крупные ритейлеры (Золотое Яблоко, Лэтуаль) используют SPA-архитектуру: весь рендеринг происходит на клиенте. Пока JavaScript не загрузится и не выполнится — пользователь видит белый экран. SSR или Static Site Generation решили бы проблему LCP, но миграция стоит дорого.

Retargeting-пиксели. Beauty — один из лидеров по бюджетам на ретаргетинг. Каждый пиксель (Meta, VK, myTarget, Criteo) — лишний JavaScript в критическом пути. Нишевые игроки (Beloris, Aromacode) используют меньше сторонних скриптов — и побеждают.

Паттерн тот же, что в рейтинге аптек: чем проще архитектура и меньше сторонних интеграций, тем быстрее сайт. А для общей картины по всем отраслям — раздел рейтингов скорости.

3 конкретных шага для beauty-магазинов

1. Оптимизируй изображения — это 70% проблемы

Beauty-сайты грузят полноразмерные JPEG-фото продуктов. Переведи всё на WebP/AVIF, добавь loading="lazy" для изображений ниже первого экрана, используй <picture> с srcset для разных разрешений. Hero-баннер — предзагружай через <link rel="preload">. Это снизит LCP на 2-4 секунды без единой строчки серверного кода.

2. Внедри SSR или хотя бы Static Shell

Если полная миграция на SSR невозможна — используй паттерн App Shell: отдавай статический HTML-каркас с сервера (заголовок, навигация, скелетон каталога), а интерактив загружай асинхронно. Пользователь увидит контент за 1-2 секунды, а не за 8.

3. Аудит сторонних скриптов

Проведи ревизию всех тегов в GTM. Каждый пиксель ретаргетинга — удар по INP. Загружай пиксели отложенно (после requestIdleCallback) или через серверный GTM. Рассчитай конверсию до и после — разница покажет реальную стоимость «бесплатных» пикселей.

Визуализация: лидеры и аутсайдеры

Что это значит для рынка

6-кратный разрыв между лидером и аутсайдером по LCP. Beloris (1 454 мс) vs Золотое Яблоко (8 678 мс). В рейтинге FMCG разрыв — 6x, в аптеках — 20x. Beauty — посередине, но с уникальной проблемой: CLS.

CLS — специфическая боль beauty. Рив Гош (0.94), Organic Shop (0.92), ИЛЬ ДЕ БОТЭ (0.66), Фитомаркет (0.70). Четыре магазина с CLS выше 0.5 — это «прыгающая» вёрстка, которая делает покупку невозможной на мобильном. В других нишах такого количества CLS-проблем мы не видели.

Нишевые побеждают крупных. Топ-5 — Beloris, MIXIT, Aromacode, Cosmotheca, ART-VISAGE — не входят в тройку крупнейших beauty-ритейлеров. Размер каталога и количество интеграций обратно коррелируют со скоростью. Это не приговор — это вызов, который решается архитектурно.

Следи за изменениями рынка в разделе новостей — мы разбираем ключевые события digital-маркетинга и e-commerce.