получилось красиво?
да, пока не загрузится фотка, висит svg загрузка, картинки не прыгают, завтра подыщу другую svg и шикарно
iWatchYouFromAfar
iWatchYouFromAfar
в src впихнул?
ну да как плейсхолдер, пока не подгрузится картинки, идет якобы эффект загрузки
🙈 PG
до сих пор нельзя открыть
https://drive.google.com/open?id=1jiur-JMK5eob-gpj5E7qJw4S7tXS5WCJ&usp=sharing
Евгений
https://drive.google.com/open?id=1jiur-JMK5eob-gpj5E7qJw4S7tXS5WCJ&usp=sharing
в бухаресте аккуратно, там цыганей много, коня уведут
🙈 PG
да, пока не загрузится фотка, висит svg загрузка, картинки не прыгают, завтра подыщу другую svg и шикарно
webp отдает через тег <picture> ?
iWatchYouFromAfar
https://i.yapx.ru/EYAGW.gif
🙈 PG
в бухаресте аккуратно, там цыганей много, коня уведут
мне ли не знать, я румын по национальности
iWatchYouFromAfar
теперь сделаю чтобы юзеры не замечали подгрузки и все
🙈 PG
https://api.web4.space/assets/images/products/343/100/anchor.jpg
🙈 PG
до этого момента у меня только на apache эта штука работала
iWatchYouFromAfar
только что раздуплил nginx отдавать самому webp вместо jpg и png
а как быть с ослом и яблоком?
🙈 PG
они будут получать как нужно jpeg или png
🙈 PG
перевернутый якорь это webp
🙈 PG
🙈 PG
смотри заголовки
Евгений
image/webp
iWatchYouFromAfar
Евгений
picture нужен не только для этого)) он еще семантическую роль играет
🙈 PG
просто мой метод будет работать и для css
🙈 PG
background-image итд
iWatchYouFromAfar
🙈 PG
+ не поедет верстка в случае если в css есть правила типа div>img
iWatchYouFromAfar
опять же вот в контенте
🙈 PG
в сss не получится указать 2 картинки 1 webp и вторую jpg
🙈 PG
по аналогии с picture
🙈 PG
+ то что я делаю сейчас можно внедрять на рабочие проекты не боясь что поедет верстка
🙈 PG
да и верстку вообще не нужно менять
🙈 PG
+ нормальна поддержка для minishop2
🙈 PG
я уже на финишной прямой с этим делом. И как только все проверю напишу статью, а то Ваня уже ее 2 месяца ждет
iWatchYouFromAfar
Aleksei
по крайней мере с свг работает:
background-image: url(img.png);
background-image: none, url(img.svg);
Aleksei
основано это на том, что поддержка двойного свойства у браузеров примерно равна поддержке свг
🙈 PG
ну если представить что есть div, картинка для него задается из админки
🙈 PG
такая штука для него будет работать?
Aleksei
соответственно, если он не может в свг, значит и в двойное свойство не сможет. пропустит его и покажет пнг
в случае с вебп надо бы разобраться с поддержкой
🙈 PG
мы же обсуждаем отдачу webp вместо jpg для браузеров с поддержкой
Aleksei
мы же обсуждаем отдачу webp вместо jpg для браузеров с поддержкой
а вебп юзером грузится в админку или сайтом генерится?
🙈 PG
соответственно, если он не может в свг, значит и в двойное свойство не сможет. пропустит его и покажет пнг
в случае с вебп надо бы разобраться с поддержкой
я по тому и начал искать решение этой проблемы в таком ключе чтобы не менять ни верстку, ни структуру. А прост о внедри и все работает
🙈 PG
остается только генерировать webp на сервере
🙈 PG
а вебп юзером грузится в админку или сайтом генерится?
у меня все автоматом, мои клиенты вообще об этом не знают
Aleksei
у меня все автоматом, мои клиенты вообще об этом не знают
ну тогда и цсс сработает.
но опять же, надо уточнить про соответствие поддержки
🙈 PG
ну тогда и цсс сработает.
но опять же, надо уточнить про соответствие поддержки
ну есть у тебя сайт, который работает уже пару лет. Тут прилетела задача: оптимизация за счет webp
🙈 PG
сколько по времени у тебя займет переписать все на picture, двойные правила в css итд?
🙈 PG
а потом еще все потестить
🙈 PG
это слишком долго как по мне
Aleksei
сколько по времени у тебя займет переписать все на picture, двойные правила в css итд?
у меня все сайты на одних миксинах, и рендер корректируется плагином. заняло бы пару часов от силы
🙈 PG
у меня все сайты на одних миксинах, и рендер корректируется плагином. заняло бы пару часов от силы
ну возьмем кейс, когда есть поддержка этих правил, svg грузится вместо jpg
🙈 PG
🙈 PG
но физически файл отсутствует( именно svg) - отработает фолбек на jpg?
Иван
🙈 PG
я к тому что твой вариант еще имеет право на жизнь при наличии всех сгенерированных изображениях, а у меня при отсутсвии webp пойдет фолбек на jpg
Иван
а
🙈 PG
я то ее делал под apache
Aleksei
я к тому что твой вариант еще имеет право на жизнь при наличии всех сгенерированных изображениях, а у меня при отсутсвии webp пойдет фолбек на jpg
да я собственно и не умаляю значимость твоей разработки)) просто ремарка на фразу «в цсс не указать две картинки»
🙈 PG
🙈 PG
да и контекст уверен там все поняли
Dmitriy
я тут, не думайте шо я помер
🙈 PG
мы же обсуждаем отдачу webp вместо jpg для браузеров с поддержкой
Aleksei
без полемики
Aleksei
типа - кстати вот такий трюк есть, вдруг кто не в курсе
🙈 PG
я же и сам без пропаганды, просто хотелось найти максимально полезное для всех случаев решение
Dmitriy
мы же обсуждаем отдачу webp вместо jpg для браузеров с поддержкой
какие бразуреы, кроме сафари не поддерживают?
Aleksei
ие не поддерживает