А если не отключим и покажем страницу с машиной, которой нет - ещё хуже.
А что не так с юзабилити? Не понятна суть вашего вопроса
Суть в том, что посетитель просматривает разные варианты, меняя параметры фильтра, и вдруг его куда-то перекидывает, не дав просмотреть все варианты, которые он предполагал просмотреть. Ползатель тихо охреневает и сваливает с сайта.
Общий принцип такой: всё, что видно на первом экране, загружается сразу. Остальное - при прокрутке. Поэтому то, что сверху, - загружается, а вместо того, что снизу - пустое место. А вот почему то, что снизу, попадает на ваш первый экран (или не появляются при прокрутке до них), - только Вы можете знать.
Но когда проскролливаешь страницу до конца, то картинки появляются.С чем это может быть связано?
Это связано с тем, что у вас lazyload.
Лучше так:
<div id="yamap"></div><hr class="hrtop"><p><strong>Адреса мест встреч с выездным адвокатом:</strong></p><div id="yamap2"></div><script>let ok = false; window.addEventListener('scroll', function() { if (ok === false) { ok = true; setTimeout(() => { let script = document.createElement('script'); let script1 = document.createElement('script'); script.src = 'https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3Aa6cde058a66c375fba506b2e909829154c9a77294f925bb90c5d35fa82c3f221&amp;amp;width=100%25&height=320&lang=ru_RU&scroll=false'; script1.src = 'https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3A689210c617d6098dca349d0a7dc2b9f7e88c1602edf9450b0bfbeac3aeca7b1e&amp;amp;width=100%25&height=400&lang=ru_RU&scroll=false'; document.getElementById('yamap').replaceWith(script); document.getElementById('yamap2').replaceWith(script1); }, 1000) }}); </script>
Но для 2х карт не работает. Первая карта грузится, вторая нет.
А разве в шаблоне нельзя убрать?
Тут каждый говорит про правильное питание.
Дело не в прогерах. Браузер кодирует данные формы при отправке.