Если ваш интернет-магазин цветов загружается дольше, чем вы говорите 'Я тебя люблю' — это проблема

Привет, я Алексей из loading.express. Мы собрали и замерили 45 сайтов цветочных интернет-магазинов и исследовали, как они открываются со смартфона, в мобильных интернет сетях. Самое страшное, что может случиться... 26 секунд вы будете ждать загрузки одной страницы. Дальше интереснее...

Я тебя лю... Подождите, идет загрузка.
Я тебя лю... Подождите, идет загрузка.

Нас спрашивают, для чего эти исследования. Отвечу сразу. 30% сайтов из рейтинга с долгой загрузкой, ускоряют свои сайты уже за месяц. Это ли не прекрасно. Всем нужен волшебный пендель. А хорошо нам с вами. Потенциальным посетителям этих сайтов.

Я заказал цветы у конкурентов, пока ваш сайт загружался: 10 самых медленных страниц сайтов в секундах

Если ваш интернет-магазин цветов загружается дольше, чем вы говорите 'Я тебя люблю' — это проблема
  • 26,02 скорость загрузки карточки товара у One Million Flowers — тут вордпресс, с ответом сервера от 1.8 секунды и 91 скриптом JS, а шрифты на 900кб;
  • 24,88 скорость загрузки главной страницы у Цветовик — 222 изображения за раз загрузить не так-то просто, рекордсмен по HTTP-запросам, 350 штук;
  • 24,72 скорость загрузки главной страницы у One Million Flowers;
  • 22,09 скорость загрузки карточки товара у Цветовик;
  • 20,54 скорость загрузки главной страницы у Rosaland;
  • 18,9 скорость загрузки главной страницы у Дари Букет;
  • 17,98 скорость загрузки главной страницы у Beauty Garden;
  • 16,83 скорость загрузки главной страницы у Новая Голландия;
  • 16,6 скорость загрузки карточки товара у Весна — 84 вызова CSS стилей, 109 JS запросов;
  • 14,75 скорость загрузки главной страницы товара у Весна.

Данные актуальны на момент публикации статьи. Свежие данные на сегодня, можно найти на рейтинге-исследовании здесь.

<a href="https://vc.ru/services/732035-kak-sravnit-skorost-zagruzki-50-saytov-na-odnoy-stranice" rel="nofollow noreferrer noopener" target="_blank">Сравнение</a> сайтов. Источник: «<a href="https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Floading.express&postId=991423" rel="nofollow noreferrer noopener" target="_blank">LOADING</a>.express».
Сравнение сайтов. Источник: «LOADING.express».

Я успел зарегистрироваться на цветочный курс и вырастить розу, пока ваш сайт загружался: 180 мегабайт страниц

Страница сайта не должна весить больше 500 килобайт, по рекомендации Google. Мы в loading допускаем до 1 мегабайта, учитывая современные смартфоны и высокую скорость мобильного интернета. Но эти сайты просто не знают правила и вот что получилось:

Мой кот научился говорить 'Мяу', на трех языках, ожидая, когда откроется ваша главная страница: больше 330 HTTP-запросов у страницы

Когда браузер загружает страницу, он запрашивает у веб-сервера по протоколу HTTP различные компоненты страницы, например, стили CSS, скрипты JavaScript, изображения и прочее. Сервер отвечает, посылая браузеру соответствующие файлы.

Google рекомендует до 50 запросов на страницу. Мы разрешаем до 100.

Запросы надо уменьшать. Включать отложенную загрузку и чистить лишнее, что не используется.

Не твое цветочное дело: как посмотреть на этот рейтинг-исследование

Рейтинг сайтов, который обновляется каждый день по всем 45+ сайтам цветочных интернет-магазинов — здесь.

Быстрее, чем вы произнесете этот заголовок вслух: самые быстрые сайты в цветочном бизнесе

  • 2,28 сек. скорость загрузки карточки товара сервиса Флорист.ру, но тут есть сложности с ответом сервера, это видно в Core Web Vitals отчете;
  • 2,72 сек. скорость загрузки карточки товара Цветолето — реально быстрый сайт, попробуйте его прямо сейчас потыкать;
  • 2,84 сек. скорость загрузки главной страницы сервиса Цветолето;
  • 3,09 скорость загрузки карточки товара у FreshfFlowers (Тильда, тесты проходит, а по факту серьезно тупит), MagicFlower (есть что подправить, но работает шустро) и Florista Barista (проблема с ответом сервера);
  • 3,34 сек. скорость загрузки главной страницы сайта Buket;
  • 3,5 сек. скорость загрузки карточки товара сервиса Gentle Flowers;
  • 3,55 сек. скорость загрузки главной страницы сайта MagicFlower;
  • 3,98 сек. скорость загрузки карточки товара сайта Цветомания;
  • 3,98 сек. скорость загрузки главной страницы сайта Флорист.ру;
  • 4,04 сек. скорость загрузки карточки товара на сайте Настроение (НО! Большая проблема с ответом сервера, это приведет к падению сайта при наплыве аудитории в праздники и к потере в продажах).

Некоторые сайты из этого топа ускорены в loading.express и потому они загружаются приятно быстро.

А еще:

В рейтинге есть сайты, которые при замере показывают красивый результат загрузки в сервисе, но по факту загружаются медленно. Это либо обманка стоит, либо для Lighthouse дается сигнал, что сайт загружен, а по факту нет.

Какие параметры загрузки сайта считаются нормой

Если параметры в норме, то они будут подчеркнуты зеленым цветом на loading.express.
Если параметры в норме, то они будут подчеркнуты зеленым цветом на loading.express.
  • 3 секунды — скорость загрузки сайта
  • 1 мегабайт — вес страницы
  • 100 HTTP-запросов на страницу
  • 1 внешнее соединение
Если параметры в норме, то они будут подчеркнуты зеленым цветом на loading.express.
Если параметры в норме, то они будут подчеркнуты зеленым цветом на loading.express.
  • Время ответа сервера — до 400 мс. В идеале до 100 мс
  • Время загрузки всех ресурсов — до 3-х секунд
  • Первая отрисовка страницы — до 1-2 секунд
  • Максимальная задержка ввода — до 300 мс
  • Время выполнения JavaScript — до 2000 мс
  • Время до взаимодействия — до 3-х секунд

Может хватит? Давай просто посидим, помолчим...

На нашем сервисе, после замера внизу отчета есть кнопки. Там и пейджспид можно проверить и живые данные, кто знает что это и ответ сервера и в свежайшем лайтхаусе.

Скриншот из интерфейсов сервиса loading.express. <a href="https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Floading.express%2F%3Ftest_id%3D65c48ac3296b1d02cffc3fc5%26amp%3Bserver%3Dmain&postId=991423" rel="nofollow noreferrer noopener" target="_blank">Результаты замера</a>.
Скриншот из интерфейсов сервиса loading.express. Результаты замера.

Обязательно протыкайте все сервисы, которые есть в результате замера. Это все разное. Ответ сервера, например, отдельный сервис и отдельный важный замер.

Core Web Vitals — вообще отдельная песня.

Еще немного статей на вентилятор от автора

Наш ТГ:

Наш YT:

Успехов!

1515
8 комментариев

поддержка с Радара!

2
Ответить

Спасибо!!!

2
Ответить

Так точно провели исследование сайтов ,но это верно , чем быстрее открывается сайт или производится переход на другую страничку , тем больше доволен пользователь и он занимается просмотром и осуществляет заказ , если же процесс затянулся, тратить время на ресурсе который тормозит не хочется и даже немного злит , тот факт , что приходится долго ждать , поэтому волей не волей делаешь выбор на поиск другого более быстрого сайта

2
Ответить

Да, тут конечно беда в том, что 90% людей думают, что тупит их телефон или интернет и не подозревают, что есть реально быстрые сайты в этой же нише, где покупать одно удовольствие.

1
Ответить

На one million flower еще текст курсивом бесит...

2
Ответить

Да. Кстати, это вордпресс и сделан он отвратительно по всем параметрам. Чего только стоит ответ сервера от 1,5 секунд... Шрифтов на 900кб.

JS - 91 раз подключается разным хламом...

Жуть крч.

1
Ответить

Я могла пропустить в статье, но по какому принципу отобрали именно эти 45 сайтов?

Искала flowwow (как их активная ца), но не нашла 😄

1
Ответить