@eugene159

Как сделать так, чтобы в Smart Slider 3 картинки были webp (если этот формат поддерживается браузером)?

Smart Slider 3 устроен так, что картинки в слайдах выводятся через атрибут style у тега div, а не через тег img. Из-за этого большинство плагинов не могут заменить их на webp (если этот формат поддерживается браузером).

Как мне сделать так, чтобы в Smart Slider 3 картинки были webp (если этот формат поддерживается браузером)? И, конечно, чтобы это отражалось в pagespeed. Если я просто заменю background-image через JS, то pagespeed этого не заметит (я пробовал).
  • Вопрос задан
  • 25 просмотров
Пригласить эксперта
Ответы на вопрос 2
overflow_hidden
@overflow_hidden
Не стоит использовать webp только потому что гугл так говорит. На Mac они не поддерживаются, да и вопрос скорости их работы так же под вопросом, изображение можно сжать и другими способами к примеру через библиотеки или приемлемый размер
Ответ написан
@FrontendNoob
Если написать самому то алгоритм следующий.
Проверяем user_agent, если mac'оподобные браузеры, то не делаем ничего.
В остальных случаях заменяем img через buffer на picture с 2 сурсами, webp и оригинала. также можно подкидывать полифилл для особо древних.
Если не хотите делать это самостоятельно, попробуйте WebpExpress, он делает все правильно.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
02 апр. 2020, в 16:07
3000 руб./за проект
02 апр. 2020, в 16:01
5000 руб./за проект
02 апр. 2020, в 15:54
1000 руб./за проект