Приложение React неожиданно использует более 1 ГБ оперативной памяти в Chrome

Question

Я работаю над приложением, которое я создаю, и до сих пор оно занимало достаточно мало места.Однако сегодня я выяснил, почему мой компьютер неожиданно заработал медленно, и я вижу, что приложение в Chrome занимает около 1,2 ГБ ОЗУ!

Просматривая свои коммиты, я ничего не могу обнаружитьподозрительный.Где я должен искать при попытке отладить огромное использование памяти?Я бы опубликовал примеры кода, но на самом деле я не вижу ничего релевантного.

Answer 1

Извините, нам может понадобиться больше разъяснений о том, что вы пытались.

Это может быть куча вещей.Скорее всего, вы храните какие-то данные сортировки с сервера или у вас есть утечка памяти (например, добавление чего-либо в коллекцию, но никогда не удаление).

Одна вещь, которую вы можете сделать, это использовать Chrome Profiler дляПосмотрите, когда ваша память поднимается:

(Это можно найти в ящике, который открывается при нажатии Esc .)

Вкладка «Производительность» также может быть полезна, если вы хотите просмотреть память при загрузке страницы (с помощью кнопки)).Просто убедитесь, что memory отмечен.

Answer 2

Чтобы проверить, что делает React, попробуйте получить снимок своего приложения с помощью профилировщика React: Представляем React Profiler

Для всего остального попробуйте проверить встроенный профилировщик в инструментах разработчика Chrome: Chrome DevTools: профилирование ЦП JavaScript в Chrome 58

Это должны быть две хорошие отправные точки для рассмотрения.