Оптимизация слайдеров на странице.
Всем добрый вечер!
Есть задача по оптимизации главной. Предыдущий верстальщик не смогу оптимизировать адекватную зарузку первого экрана, забрал деньги и слился, по этому джунов прошу не писать. Оптимизировать фото тут не поможет.
Проблема в том что главная это практически одни слайдеры, всего их 6, но в одном ( слайдер в слайдере - по тип табов по клику карточки товаров, где фото как карусель ) плюс есть флесбокс, соответственно первый экран грузиться 10с. Надо отложить загрузку всех слайдеров пока не появиться полностью 1 экран\слайдер на моб, время загрузки первого экрана до 1,5с. Как слайдер использовалась Owl карусель.
Ссылку пришлю кандидату, который понимает как это сделать, и хотя бы кратко опишет как планирует решить.
Повторюсь взять, а там разберусь, не пройдет.
Цену и сроки с вас, кто уверен делайте ставки, задача срочная.
-
2 дня1500 UAH
2060 25 0 2 дня1500 UAH
Добрый день, Сергей. Могу предложить инициализировать карусель по мере появления на экране и добавить lazy-load на картинки слайдера. У Owl-carousel 2 есть для этого api. Эти действия значительно уменьшит время загрузки. Не могу сказать за 1.5 секунды, так как на загрузку влияет много факторов и это не только фронт. Да и без ссылки на проект трудно оценить. Напишите в лс для обсуждения.
-
1 день2500 UAH
12490 600 0 1 день2500 UAH
Здравствуйте, могу добавить подгрузку слайдов, загрузку остальных слайдеров - после загрузки первого слайда. Пишите - пропишу логику
-
добрый вечер, добавьте ссылку
-
Да, вам лучше добавить ссылку, так как тут дело не в знании той или иной технологии, а в понимании того, как это реализовал ваш предыдущий верстальщик. А текстовое описание не дает полного понимания ситуации.
На одной и той же технологии можно совсем по разному реализовать.
-
Ссылка на донора по запросу, спасибо всем кто отозвался.
-
Ребята, кто получил ссылку, смотрите с мобильного телефона, на моб интернете, на wifi проблемы особо не увидите.
-
Актуальные фриланс-проекты в категории Javascript и Typescript
Поддержка и развитие сайта клининговой компании
919 UAH
Ищу веб-разработчика / веб-мастера для долгосрочной поддержки и развития сайта клининговой компании. Сайт: https://donely.ca О проекте DoneLy Home Services — компания по предоставлению услуг уборки в Канаде, которая активно развивается и расширяет географию работы. Ищу… Javascript и Typescript, Веб-программирование ∙ 1 день 10 часов назад ∙ 59 ставок |
Разработка сайта по ТЗ на FramerНеобходимо сделать сайт по этим параметрам, что в ТЗ https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Назовите реальный рейд на основе этого дизайна HTML и CSS верстка, Javascript и Typescript ∙ 2 дня 11 часов назад ∙ 26 ставок |
Разработка интерактивной карты Palworld для сайтаНеобходимо разработать интерактивную карту Palworld по примеру: https://palworld.gg/map Нам нужна не просто статическая картинка, а полноценная интерактивная карта, где пользователь может смотреть локации, включать / выключать категории объектов, искать нужные точки и… HTML и CSS верстка, Javascript и Typescript ∙ 4 дня 2 часа назад ∙ 32 ставки |
Разработка платформы AM Mobility (автосервис, парковка, страхование, аренда автомобилей)
259 653 UAH
Ищем команду или опытного Full Stack разработчика для создания MVP платформы AM Mobility. AM Mobility — это единая цифровая экосистема для автомобилистов, объединяющая в одном приложении и веб-платформе: парковку; автосервис; шиномонтаж; автомойку; аренду автомобилей;… Javascript и Typescript, Веб-программирование ∙ 9 дней 8 часов назад ∙ 119 ставок |
Gsap анимации
1000 UAH
Добрый день. Нужно внести правки в текущем проекте. Нужен специалист, который хорошо работает на gsap/lenis Нужно сделать анимацию карточек. Подробное ТЗ здесь: https://www.figma.com/design/5bLEJudN5LPpB9ZSoJa2Eb/Untitled?m=auto&t=qwyluUctL1lrMNvh-6 Нужно… Javascript и Typescript, Веб-программирование ∙ 9 дней 14 часов назад ∙ 21 ставка |
Чернигов