Виправити помилки завантаження галерей. Додати preload, lazy load і тд.

  1. Горизонтальний слайдер

1080__92pct_smaller.mp4

У верхньому горизонтальному слайдері включити лейзі лоад https://swiperjs.com/swiper-api#lazy-loading або стилі слайдера чи його ініціалізацію відкласти, а в той блок якусь заглушку закинути заздалегідь і показувати слайдер після повного завантаження - https://codesandbox.io/p/sandbox/skeleton-loading-demo-6dwee

Або виводи заблюрене фото до повної загрузки

  1. Слайдер в картках товарів

В картці товару - обмежуємо кількість фото (до 5)

Має завантажуватись тільки перше, а решта - при кліку (лейзі лоад)

При завантаженні карток можна виводити заблюрене зображення, поки воно підвантажується - приклад https://prnt.sc/t7EDMR1MDMq8

Деталі: https://jmperezperez.medium.com/more-examples-of-progressive-image-loading-f258be9f440b

https://css-tricks.com/the-complete-guide-to-lazy-loading-images/#aa-tip-1-use-the-right-placeholder - цей пункт

  1. Сладер на сторінці товару

Все, що і в п.2

  1. Випадаюче меню в фільтрі

Поправти відображення випадаючого меню.

Умовно стилі-скрипти застосовуються після того як підвантажились. Є таке поняття як critical css - туди виносяться всі стилі і інтегргуються в сторінку (а не в файл стилів). Тобто штуки які перші підгружаються на сторінку чи користувач бачить на сторінці https://web.dev/articles/extract-critical-css