- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Все что нужно знать о DDоS-атаках грамотному менеджеру
И как реагировать на "пожар", когда неизвестно, где хранятся "огнетушители
Антон Никонов
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Всем привет!
Прям вот совсем недавно после обновления WordPress до последней версии в head в самом верху появился инлайновый style:
Может кто объяснить в двух словах зачем он нужен и что он для чего делает, может его можно убрать или как его убрать, буквально пару дней назад его не было.
<style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>
Что-то с картинками связанно... Раньше и без этого работало...
Заранее всем спасибо за ответы!
Он связан с использованием нового свойства CSS contain-intrinsic-size. Это свойство помогает браузерам оптимизировать рендеринг изображений и других элементов на странице. Оно указывает браузеру, что элемент (в данном случае изображения) имеет определенные размеры, даже если фактические размеры еще не известны. Это позволяет избежать проблем с компоновкой страницы, таких как сдвиги контента при загрузке.
А что в W3C Markup Validation Service – на эту строку ошибку выдает:
Error: CSS: contain-intrinsic-size: Property contain-intrinsic-size doesn't exist.
Добавление этой строчки кода в function.php,
add_filter('wp_img_tag_add_auto_sizes', '__return_false');
Я так и не понял, нужна она, или не нужна, и без неё сайт работал сто лет в обед, и с ней все тоже самое, то ли лишняя строка с инлайновым стайлом, то ли не понятно, что. Зачем она, кому это нужно, непонятно.
Погуглить трудно? Или это не в моде стало что ли?
https://www.google.com/search?q=contain-intrinsic-size+примеры
Погуглить трудно? Или это не в моде стало что ли?
https://www.google.com/search?q=contain-intrinsic-size+примеры
Да, но, можно ли её удалить, или лучше оставить, или что так что этак?
Можно её удалить. Или лучше оставить.
Что это значит, там типа в конце свойства точку с запятой забыли или типа того?
Скорее всего в сервисе ещё нет обработки этого свойства
Спасибо.
ЧатГПТ спасибо? 🤣
Думаю это для хороших показателей google pagespeed cls
Нет, это для решения проблем с lazyload и другими косяками, когда размер изображения подгоняется под конкретное устройство.
Тут обсуждения этого решения: #62413 (WordPress 6.7 Auto-sizes Reducing Image Sizes) – WordPress Trac
contain-intrinsic-size: 3000px 1500px
Это не про CLS такие размеры.
Ещё здесь, тоже обсуждали: Auto sizes causes images in galleries to display skewed · Issue #947 · WordPress/performance
А тут подробнее, про "новинки" в тэге IMG
HTML атрибуты: srcset, sizes и тег <picture>