Про слайдеры на сайтах

Продолжаем разбирать ТОП-3 тем, о которых разработчики готовы спорить до хрипоты. Тема вторая:

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

Немного истории. Впервые слайдеры на сайтах появились в 2003—2004 года. В те далекие времена:

• 💩 лучшим браузером был IE-6 (потому что другие были хуже),
  
• 💲 доллар < 30 рублей,
  
• 😫 а фреймворков на FrontEnd толком не было никаких, даже до JQuery оставалась еще пара лет.
  

До 2012 года популярность слайдеров только росла. Дизайнеры придумывали, как засунуть слайдер в слайдер в слайдер. Добавить туда видео и интерактив. И засунуть всю эту красоту во всплывающие окна (popup).

Программисты же, громко матерясь, сливали тысячи часов каждый год. Понимаете? ТЫСЯЧИ!

Эта дичь длилась годами. Почему? Потому, что нужно было учесть огромное количество нюансов, которые как бы сами собой разумеются. Среди них (но этим не ограничивается): авторотация, ленивая загрузка, работа с клавиатуры, превью слайдов в разных форматах, адаптив, работа в popup окнах, интерактив и видео, поддержка жестов и мышки, зацикленность, сравнивание картинок и т. д.

В 2013 году вышло исследование Erik Runyon. На второй слайд кликает только 1% зрителей! Немного лучше дела были со слайдерами авторотации: от 11 до 18% кликали чего-то за пределом первого слайда.

После этого, судя по Google Trends, популярность слайдеров потихоньку падала.

Однако «после этого» не значит «по причине этого». Основные причины были такие:

• Стандартизация на уровне кода. Появились более-менее стабильные библиотеки, реализующие большую часть типового функционала.
  
• Всех задолбало платить по миллиону боливар в наносекунду программистам, если все то же самое можно сделать на конструкторах.
  
• Маркетинг понял, что на второй слайд тыкают плохо.
  

И вот, на носу 2024 год. Слайдерам уже лет больше, чем некоторым программистам. Разных библиотек было наделано столько, что все просто не вспомнишь. Большая часть сдохла. Лавры победителей сейчас делят библиотечки Slick и Swiper, но это не точно. И к ним все еще есть претензии у разработчиков: низкая производительность в некоторых случаях (особенно на mobile), просадка по показателям Google Page Speed, сложность в реализации каких-то специфичных дизайнерских изысков.

И, хотя большинство детских болячек с горем пополам за 20 лет удалось преодолеть, идеал нам только снится. Стоит ли за ним гнаться и «писать с нуля свой, лучший в мире слайдер»? Я бы сказал «Нет», или даже «Пожалуйста, Н-Е-Е-Е-Т». Есть тысячи вещей, которые могут сделать программисты и которые будут в тысячи раз полезнее, чем изобретать очередную листалку картинок. Ну, а для большинства оставшихся проблем вполне подходит решение на букву С: смирись.

Больше полезного — в блоге Владимира Завертайлова в Telegram.