После использования изображений в Интернете, Google Pagespeed Insight по-прежнему показывает «Служить изображения в форматах следующего поколения» - PullRequest
0 голосов
/ 22 октября 2019

Использование изображений 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, что означает более быструю загрузку и меньшее потребление данных.

...