• Пытаюсь оптимизировать показатели производительности.
    Для декстопной версии вроде бы стало все не так плохо: First Contentful Paint — 0,9 сек. Total Blocking Time — 30 мс. Speed Index — 1,8 сек. Cumulative Layout Shift — 0,01. Итого производительность 92.

    Хотя не знаю все еще как уменьшить Largest Contentful Paint. 1.4 сек. И смущает почему так много занимает задержка отрисовки (56%).

    А вот для мобильной версии совсем грустно все — First Contentful Paint — 7,5 сек. Total Blocking Time — 100 мс. Speed Index — 8,2 сек. Cumulative Layout Shift — 0, а Largest Contentful Paint. 13.5 сек!!! Итого производительность 56. Задержка отрисовки 82% — это 11 сек.

    Самый крупный контент — это баннер. Не понимаю, что с ним делать, подскажите пожалуйста.

    Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 3 ответов — с 1 по 3 (всего 3)
  • Начнем с того, что для ПК ваша работа не имеет смысла. ну или хотя бы вторична. Настроите мобильные параметры — пк сами подтянутся.

    Вообще, конечно, на мобиле у вас есть на чем потоптаться, но давайте с так называемого баннера начнем… Так называемого — потому что это слайдер. Если бы вы погоняли этот слайдер достаточно долго, то обнаружили бы, что 99% (а то и больше) пользователей его игнорируют. В том числе потому, что он на мобиле нечитаем. а во вторых, потому что это — баннер, их большинство посетителей игнорят. Так что идеальный вариант — отключить его на мобиле.

    Если вам он дорог, как память о лучших днях, то как минимум сделайте так, чтобы

    1. первая картинка слайдера у вас была decodig=sync и loading=eager
    2. сожмите ее еще минимум на четверть. лучше и остальные тоже

    дополнительно, уберите попап, выполните п.1. для картинок про сытные и сладкие пироги (вообще для картинок первого мобильного экрана 412х823)

    @efess благодарю, пойду пробовать.
    А если попап тоже нужен?) или может есть какая-то альтернатива для создания подобных предупреждений? Заказчику это предупреждение очень нужно

    Альтернатива? пусть он запускается по скроллу. Обоснование для заказчика — объявление для живых людей, а они скроллят

Просмотр 3 ответов — с 1 по 3 (всего 3)