Chrome отображает только некоторые изображения как webp

Question

Я работаю над преобразованием изображений на своем веб-сайте в Webp для повышения производительности.

Обычно я использую следующие HTML для их отображения:

<picture>
    <source srcset="/img/about/image.webp" type="image/webp">
    <source srcset="/img/about/image.jpg" type="image/jpeg">
    <img src="/img/about/image.jpg" alt="alt text">
</picture>

Использование функция аудита Lighthouse в Chrome Dev Tools и скорость просмотра страниц Мне постоянно говорят, что изображение может быть предоставлено в форматах следующего поколения, несмотря на то, что доступны изображения в формате Webp.

Эта проблема возникает только на некоторых изображениях - другие используют версию webp. Мой тест для этого - просто навести курсор на тег img src в Dev Tools:

На рассматриваемой странице используется Instantsearch от Algolia JS для получения результатов перед их отображением. Это отличается от других страниц, которые используют тот же HTML, что и выше, для вывода изображений и может быть причиной проблемы (хотя я не могу понять, почему).

Есть ли очевидная причина, почему Chrome выберет рендеринг Webp для некоторых, но не для всех изображений на странице?

Answer 1

Было ли это решением, я не могу сказать, но после большой очистки кеша в приложении и в Chrome я сохранил (обновил) запись (сообщение в блоге) на сайте. Это вызывает вызов в Алголию, чтобы обновить запись, и волшебным образом все изображения теперь отображаются как отображаемые как webp ...