HTML
- 2 ответа
- 0 вопросов
7
Вклад в тег
<article>
<img srcset="https://dummyimage.com/2560x400/333/fff 2x,
https://dummyimage.com/1280x400/333/fff 1x"
sizes="(min-width: 1280px) 1280px, 100vw"
alt="A title">
</article>
srcset=https://dummyimage.com/2560x400/333/fff
так как у них плотность пикселей 2x. PageSpeedInsights эмулирует отображение на аналогичном смартфоне. <picture>
<!-- source для браузеров поддерживающих webp, соответственно srcset тоже должен указывать на webp-->
<source type="image/webp" srcset="https://dummyimage.com/575x150/333/fff 1x, https://dummyimage.com/1150x300/333/fff 2x," media="(max-width: 575px)">
<!-- source для браузеров не поддерживающих webp -->
<source srcset="https://dummyimage.com/575x150/333/fff 1x, https://dummyimage.com/1150x300/333/fff 2x," media="(max-width: 575px)">
... <!-- все остальные необходимые размеры, вроде планшетов и т.д. -->
<!-- fallback для браузеров не поддерживающих элемент picture -->
<img src="https://dummyimage.com/2560x400/333/fff" alt="A title">
</picture
Используйте современные форматы изображений JPEG 2000, JPEG XR и WebP
Устраните ресурсы, блокирующие отображение
Настройте подходящий размер изображений
Задайте правила эффективного использования кеша для статических объектов
Как это можно исправить, или это не так важно...? Как вы поступаете в таких ситуациях? Вы придерживаетесь рекомендациям google?
// глобальный массив для фильтра
global $arNewsFilter;
// массив в котором мы устанавливаем фильтр по свойству AKTIV_VESH3 который будет соответствовать текущему айдишнику новости
$arNewsFilter = Array ("PROPERTY_AKTIV_VESH3" => $arResult["ID"]);
?>