ещё на 20-40 % снизить время «рисования» каталога после выбора модели.

Шаг 1. В меню (blocks/leftMenu.php)

Найдите вывод картинки категории:

php
echo "<img src='{$leftMenu['img']}' alt=''
           style='float:left;margin:15px 0 0 7px;width:50px;border:1px solid #ddd;'>";

Замените на:

php
echo "<img src='{$leftMenu['img']}' alt=''
           loading='lazy'
           style='float:left;margin:15px 0 0 7px;width:50px;border:1px solid #ddd;'>";

Шаг 2. На главной (плитки каталога)

В блоке, где формируются «product»-плитки, было:

php
echo "    <img src='".$index_menu["img"]."'
              alt='".$index_menu["cat_name"]." для квадроцикла ".$atv_name."'
              title='".$index_menu["cat_name"]." для квадроцикла ".$atv_name."'
              border='0'  width='140' height='95'/>";

Становится:

php

echo "    <img src='".$index_menu["img"]."'
              alt='".$index_menu["cat_name"]." для квадроцикла ".$atv_name."'
              title='".$index_menu["cat_name"]." для квадроцикла ".$atv_name."'
              loading='lazy'
              border='0'  width='140' height='95'/>";

Шаг 3. (необязательно) Везде, где выводятся новые изображения

• Превью статей

• Личный кабинет / корзина

• Галереи товаров

добавляйте атрибут loading="lazy" к каждому <img>.

Что делает loading="lazy"

• Браузер не загружает картинку, пока она не попадает во вьюпорт (± 300 px).

• Сразу после закрытия модалки рендерится только первый экран:

  • меньше HTTP-запросов → быстрее «первый кадр».

• Поддерживается всеми современными браузерами (Chrome 76+, Firefox 75+, Safari 15+).
  Старые браузеры просто игнорируют атрибут и ведут себя как раньше.

Проверка

1. DevTools → Network
   Обновите страницу, прокрутите вниз.
   Вы увидите, что картинки подгружаются «порциями» при прокрутке.

2. Вкладка Performance покажет сокращение «Content Download» и «Layout».

Этого достаточно, чтобы ещё на 20-40 % снизить время «рисования» каталога после выбора модели.