@onex_dev

Google PageSpeed Insights считает за время рендера время css анимации, как исправить?

Тестировал сайт в Google SpeedPage Insight, получил на десктопной версии слабый результат, стал копаться в чём может быть проблема, оказалось, что гугл считает за время рендера страницы время анимации. Вот css анимации.
.header {
    background: url(../img/main/_0020_p-min.jpg) center bottom no-repeat;
    background-size: auto 100%;
    animation: animatedHeader 45s linear infinite;
    -webkit-animation: animatedHeader 45s linear infinite
}
@-webkit-keyframes animatedHeader {
    0%,
    100% {
        background-position: 0 0, 0 0, 100% 0
    }
    50% {
        background-position: -946px 0, 0 0, 100% 0
    }
}
@keyframes animatedHeader  {
    0%,
    100% {
        background-position: 0 0, 0 0, 100% 0
    }
    50% {
        background-position: -946px 0, 0 0, 100% 0
    }
}


Как можно исправить? Скидывает со вкусных 99 баллов до 52 из-за одной анимашки(
  • Вопрос задан
  • 181 просмотр
Пригласить эксперта
Ответы на вопрос 1
IwanQ
@IwanQ
Плохие времена часто дают прекрасные возможности.
Я конечно не эксперт, но можно сделать через js, чтобы анимация начиналась загружаться только при скролле до определённой высоты.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы