У меня есть веб-приложение.В одной части приложения есть возможность щелкнуть ссылку, и появляется всплывающее окно, отображающее форму.Форма генерируется динамически и обычно представляет собой текст из базы данных, хотя она также может отображать изображения.Всплывающее окно написано с использованием Vue, который отображает страницу после вызова AJAX.Существуют тысячи возможных форм, но у меня, похоже, проблема только в одном случае.В этом случае страница пытается загрузить пять изображений.Ни одно изображение не может быть больше 2 МБ, а общее число пяти - менее 5 МБ.Поэтому мы не говорим об огромных изображениях.Страница зависает довольно быстро и в конечном итоге показывает Chrome «не отвечает» ошибка.Проблема исчезает, когда я отключаю отображение изображений, так что это явно связано с изображениями.
Я использовал инструменты разработчика как можно лучше.Это определенно показывает много использования памяти, гораздо больше, чем требуется для изображений.Я прикрепил скриншот вкладки Сеть инструментов разработчика.Вы можете увидеть 5 вызовов изображения.Интересно, что это 3 JPG изображения, которые остановились.PNG изображения завершены.Я не уверен, является ли это причиной или следствием.
В Firefox или Safari нет проблем.Кроме того, я могу загрузить каждое изображение отдельно в окно браузера Chrome.Таким образом, сами изображения не являются проблемой.И нет проблем, когда форма (+ изображения) загружается с использованием PHP.Похоже, что существует проблема с js-chrome.
Я пробовал различные предложения для решения этой проблемы в самом Chrome (отключение расширений, запуск в режиме Cognito, отключение аппаратного ускорения).Ничто из этого не имело никакого значения.
Я все еще надеюсь, что я мог бы кое-что сделать в коде.Код довольно обширный, поэтому я не включил пример только потому, что не знаю, какую часть отображать.