Плагин WP Rocket на WordPress, функция Delay JavaScript execution, как найти скрипт откладывающий загрузку изображения?

Ссылка скопирована
1 ответ

Здравствуйте, имеется плагин с функцией задержки выполнения Java Scripts, из за него изображение на странице не прогрузится пока пользователь не сделает какое-либо действие (клик, движение мышкой/по сенсору и т.д), нужно, чтобы изображение загружалось в любом случае. Не могу найти скрипт отвечающий за это дело, чтобы добавить его в исключения, может кто подскажет как это сделать? плагин WP Rocket на Wordpress, функция Delay JavaScript execution

Дополнительно:

Нужно решить такую задачу?

Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

Заказать помощь
Лучший ответ
1
Мария Код Ответ

В WP Rocket опция Delay JavaScript execution откладывает выполнение скриптов до взаимодействия пользователя. Если изображение появляется только после клика или движения мыши, значит оно выводится или подгружается JavaScript-ом, который попал под задержку.

Нужно найти не “скрипт изображения”, а JS, который отвечает за его появление: слайдер, lazy-load, gallery, page builder, popup, animation, background image loader.

Порядок диагностики:

  • откройте страницу в инкогнито;
  • временно отключите Delay JavaScript execution;
  • убедитесь, что изображение начинает грузиться сразу;
  • включите обратно и откройте DevTools → Network → JS;
  • посмотрите, какие скрипты отвечают за блок, где находится изображение;
  • добавляйте исключения по одному, а не весь сайт сразу.

Типовые исключения для проблемных элементов:

jquery.min.js
swiper
slick
elementor
lazyload
revslider
masterslider
photoswipe

jquery.min.js swiper slick elementor lazyload revslider masterslider photoswipe

Если изображение задано как CSS background, оно может зависеть от класса, который добавляет JS. Тогда исключать нужно скрипт конструктора/анимации, а не само изображение.

Для hero-изображения лучше вообще не полагаться на JS. Первый экран должен быть обычным img или CSS background, который загружается без пользовательского действия. Для важной картинки можно отключить lazy load:

<img src="/hero.jpg" loading="eager" fetchpriority="high" alt="">

<img src="/hero.jpg" loading="eager" fetchpriority="high" alt="">

Итог: сначала определите блок и скрипт, который вставляет/открывает изображение. Затем добавьте этот скрипт в исключения Delay JS. Для главного изображения лучше сделать вывод без JS и без lazy-delay.

Другие ответы (0)

Пока нет других ответов. Будьте первым, кто поможет автору.

Ответить на вопрос

комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Вам также может быть интересно