Изображение баннера категории загружается медленно

[NoamH (Noam Huri)]

@awesomerobot

.category-title-header {
  &.category-banner-example-category {
        background: url(example.jpg);
  }
}

Я использовал этот CSS, но изображения загружаются 3 секунды (размер изображения 240 КБ).
Есть какие-нибудь предложения?

[Canapin (Coin-coin le Canapin)]

Привет, Ноам, извини за поздний ответ. Я просматриваю основную тему category-banners, и есть несколько вопросов, на которые не было дано ответов, поэтому я переношу их в отдельные темы

Ты в итоге разобрался с проблемой?

[NoamH (Noam Huri)]

Нет, первая загрузка всё ещё занимает 3 секунды

[Lilly (Lillian)]

@NoamH

Я использовал этот CSS, но загрузка изображений занимает 3 секунды (размер изображения 240 кб).
Есть какие-нибудь предложения?

хм

пробовали ли вы загружать изображение как актив, загрузив его в тему (или компонент темы) и используя переменную следующим образом?

.category-title-header {
  &.category-banner-example-category {
        background: url($example);
  }
}

[NoamH (Noam Huri)]

Да, вот код с нашей стороны:

.category-title-header.category-banner-show-and-tell {background-size: cover !important; background: url(https://cdck-file-uploads-europe1.s3.dualstack.eu-west-1.amazonaws.com/business20/uploads/algosec/original/1X/b94301fb225b079d905143074e33c5140e151f19.png); }

[awesomerobot (Kris)]

Ничего в самой добавке фоновой картинки, как в данном случае, не должно замедлять работу, поэтому сложно сказать. Загружаются ли другие изображения медленно?

Картинку можно немного оптимизировать, чтобы уменьшить размер файла: поскольку в ней, похоже, нет прозрачности, формат JPG может быть меньше, чем PNG. Также вы можете дополнительно оптимизировать её с помощью инструмента ImageOptim (Mac) или веб-инструмента, такого как TinyPNG.