- 13, May 2024
- #1
Привет,
Недавно я запустил новый сайт.
Он получает 100/100 баллов на PageSpeed Insights, но PSI предлагает мне использовать форматы изображений следующего поколения.
И мне бы очень хотелось! Мой очень оптимизированный баннер весит около 200 КБ в формате JPG и около 75 КБ в формате WebP.
Однако Safari не поддерживает webp.
Поддержка webp начинается с нового Safari 14 (сентябрь 2020 г.), НО, похоже, это только в том случае, если Safari 14 используется в новой ОС/iOS Big Sur.
Поскольку Big Sur не поддерживает мой iMac (и я считаю, что распространение на данный момент будет слишком низким), я не могу рассчитывать на поддержку WebP в Safari. Итак, я перехожу к CSS и элементу . Отлично, баннер jpg для Safari и баннер WebP для всех остальных.
Круто, это работает! Вот только внезапно мой показатель PSI падает, а мой совокупный сдвиг макета резко возрастает. Я действительно хочу использовать изображения WebP, но не могу добавить большое белое поле для пользователей Safari.
И я не хочу ставить под угрозу свой показатель PSI.
Есть ли у кого-нибудь предложения о том, как решить эту проблему? Спасибо за вашу помощь!
Он получает 100/100 баллов на PageSpeed Insights, но PSI предлагает мне использовать форматы изображений следующего поколения.
И мне бы очень хотелось! Мой очень оптимизированный баннер весит около 200 КБ в формате JPG и около 75 КБ в формате WebP.
Однако Safari не поддерживает webp.
Поддержка webp начинается с нового Safari 14 (сентябрь 2020 г.), НО, похоже, это только в том случае, если Safari 14 используется в новой ОС/iOS Big Sur.
Поскольку Big Sur не поддерживает мой iMac (и я считаю, что распространение на данный момент будет слишком низким), я не могу рассчитывать на поддержку WebP в Safari. Итак, я перехожу к CSS и элементу . Отлично, баннер jpg для Safari и баннер WebP для всех остальных.
Круто, это работает! Вот только внезапно мой показатель PSI падает, а мой совокупный сдвиг макета резко возрастает. Я действительно хочу использовать изображения WebP, но не могу добавить большое белое поле для пользователей Safari.
И я не хочу ставить под угрозу свой показатель PSI.
Есть ли у кого-нибудь предложения о том, как решить эту проблему? Спасибо за вашу помощь!
![[Друганов В] О чем молчат турагенства Мастер-Класс](/assets/images/icons/forum4.png){kind=icon}
![[Д.Ризаев, П.Куксенко] Как покупать имущество должников за 1-40% от рыночной стоимости](/assets/images/icons/forum1.png){kind=icon}
![[-] Схема Стабильного Заработка От 310-610 Руб В Сутки](/assets/images/icons/forum2.png){kind=icon}
![[Специалист] Практикум (МАСТЕР): Полнотекстовый поиск в SQL Server (2018)](/assets/images/icons/forum0.png){kind=icon}