пример из сетки сайтов lesnoi-dvor.ru

1) на сайте в вебпак упаковано всё, после этого там разные подрядчики недобросовестно делали и прямо код писали «над» вебпаков т.е. не распаковывая бандлы его и потом собирая с нововведениями, а просто тяп ляп, и здесь 2 вариант - либо распаковать вебпак (сайт развалится +-) найти расхождения они будут и в css и в js всё это подружить и собрать чистенький (из-за этого у нас там криво дубли js есть и тд, что влияет на сторость загрузки страниц) - либо второй вариант разобрать вебпак и забыть про него, упакуем на стороне битрикса, как вариант с модулем Артура Голубева того же + webp одновременно закроем (удалим текущий модуль сжатия webp)

2) валидация HTML по W3C https://validator.w3.org/nu/ чтобы не было ошибок

3) валидация CSS по W3C https://jigsaw.w3.org/css-validator/ чтобы не было ошибок

4) исправление ошибки в Сканере безопасности


В целом после этого уже смотреть Core Web Vitals в гугле (после этого там всё должно стать хорошо, но сам факт, что мы хотим Зелёнку естественно и десктопную и мобильную) - но даже сделав 1 пункт будет зелёнка


5) в каталоге не корректно работает переключать режимов Сетка / Список (может быть связано с 1 пункт и наслоением js)

устранить проблему с лагами и проблему с файлами, все разобрать и разожить по полочкам + поправить все ошибки по валидациям пройтись, где дубли и тд + поправить сетка/список + сканер безопасности - собственно это изначально и имелось ввиду всё