Использование изображений Webp на моей странице, но понимание страниц страниц Google по-прежнему показывает эту возможность "Служить изображениям в форматах следующего поколения".
Эта проблема возникает только с изображениями, включенными в свойство фона css.
Я преобразовал все изображения в формате jpg / png в webp и вставил их на свою страницу с помощью этого блога https://www.freecodecamp.org/news/make-your-website-load-lightning-fast-with-webp-images-cf55c98ac0a2/, и браузер также показывает изображения в формате webp, все работает нормально, но тест на скорость страниц в Google все еще работаетпоказывая возможность.
<script>
Modernizr.on('webp', function (result) {
if (result) {
// supported
} else {
// not-supported
}
});
document.documentElement.classList.remove("no-js");
</script>
.banner {
width: 100%;
position: relative;
height:400px;
}
.no-webp .banner, .no-js .banner {
background: #7d7e82 url(images/banner.png) no-repeat;
background-size: cover;
}
.webp .banner {
background: #7d7e82 url(images/banner.webp) no-repeat;
background-size: cover;
}
<div class="banner">
<div class="container">
</div>
</div>
Обслуживание изображений в форматах следующего поколения 1,16 с
Форматы изображений, такие как JPEG 2000, JPEG XR и WebP, часто обеспечивают лучшее качество изображения. сжатие по сравнению с PNG или JPEG, что означает более быструю загрузку и меньшее потребление данных.