Microsoft edge занимает много оперативной памяти
Сейчас есть много интернет-браузеров, которые мы можем использовать с Google Chrome лидирует с точки зрения использования. В то же время одним из наиболее популярных предложений является Microsoftновый Edge, программа, которая дает нам много преимуществ.
Это тот, который заменяет оригинал Edge который был запущен вместе с Windows 10, и с тех пор она не получила широкого распространения. Вот почему команда Редмонда решила запустить еще один браузер, не имевший ничего общего с первым, чтобы закрепиться на этом конкурентном рынке. Поэтому на данный момент первое, что нужно знать, это то, что новый Microsoft Edge использует тот же Chromium двигатель как вышеупомянутый Chrome.
Однако со всем и с этим расход ЦП и Оперативная память Память оборудования намного ниже, чем у лидера рынка. Но, сказав это, может случиться так, что этот браузер Edge начнет потреблять больше ресурсов, чем нам хотелось бы. Поэтому в этих строках мы постараемся вам помочь. Я говорю вам об этом, потому что ниже мы поговорим о ряде предложений, которые помогут вам в тех ситуациях, когда Edge начинает потреблять большой объем оперативной памяти.
Spot frequent garbage collections
Если страница часто приостанавливована, могут возникнуть проблемы со сбором мусора.
Для частого сбора мусора можно использовать Microsoft Edge диспетчер задач браузера или записи памяти производительности.
В диспетчере задач Microsoft Edge браузера часто растущие и падающие **** значения памяти памяти или JavaScript представляют собой частый сбор мусора.
В записях производительности частые изменения (рост и падение) в графах пересыпки JS или числа узлов указывают на частый сбор мусора.
После того как вы определили проблему, вы можете использовать **** инструменты распределения в записи временной шкалы, чтобы узнать, где выделяется память и какие функции вызывают выделение.
Некоторые части этой страницы представляют собой измененные материалы, созданные и предоставленные корпорацией Google. Их использование регулируется условиями, описанными в лицензии Creative Commons Attribution 4.0 International License. Оригинальная страница находится здесь и автором является Kayce Basques (технический писатель, Chrome DevTools & Маяк).
Эта работа предоставляется в рамках международной лицензии Creative Commons Attribution 4.0 International License.
Мониторинг использования памяти в режиме реального времени с Microsoft Edge диспетчером задач браузера
Используйте диспетчер Microsoft Edge браузера в качестве отправной точки для расследования проблемы с памятью. Диспетчер Microsoft Edge браузера — это монитор реального времени, который указывает, сколько памяти используется на странице в настоящее время.
Нажмите Shift + Esc или перейдите в Microsoft Edge **** > меню и выберите Дополнительные средстваBrowser Task Manager, чтобы открыть Microsoft Edge диспетчер задач браузера.
Щелкните правой кнопкой мыши заглавную таблицу диспетчера задач Microsoft Edge браузера и введайте память JavaScript.
В этих двух столбцах вы можете рассказать о том, как ваша страница использует память:
Столбец Memory представляет родной памяти. Узлы DOM хранятся в родной памяти. Если это значение увеличивается, создаются узлы DOM.
Столбец Памяти JavaScript представляет кучу JS. Этот столбец содержит два значения. Вас интересует живой номер (номер скобок). Живой номер представляет, сколько памяти используют объекты, достигаемые на странице. Если это число увеличивается, создаются либо новые объекты, либо растут существующие объекты.
2]Отключите или удалите ненужные расширения
Расширения или надстройки в любом браузере помогают вам получить некоторые отличные функции, а кроме того, существует множество служб, предлагающих расширения, поэтому вы можете использовать их прямо в браузере. Хотя они великолепны, слишком многие из них могут замедлить работу, особенно если они проверяют подключение каждый раз, когда вы запускаете браузер или новую вкладку. Так что взгляните на свои расширения Edge.
- Откройте новую вкладку в Edge, введите edge://extensions/ и нажмите клавишу Enter.
- Взгляните на все расширения и посмотрите, какие вам нужны, а какие нет.
- Удалите все, что кажется ненужным.
Перезапустите браузер и посмотрите, не изменится ли это.
Процессы, которые являются частью Edge, и максимальное потребление оперативной памяти
Тем не менее, также важно знать, что Сам Microsoft Edge есть свои рекомендации по этому поводу. При этом мы ссылаемся на рекомендации разработчиков программы относительно объема памяти, который каждый из этих процессов должен потреблять в браузере. С одной стороны, мы находим процесс браузера как таковой, который должен иметь около 400 мегабайт оперативной памяти. Конечно, по мере того, как мы открываем больше вкладок, эта сумма будет постепенно увеличиваться.
С другой стороны, мы находим процесс рендеринга, который занимает около 500 мегабайт. Это тот, который отвечает за воспроизведение видео, управление мультимедийным контентом и т.д. Мы также можем найти процесс кадра, который не должен превышать 75 мегабайт ОЗУ. Скажем, это значение, которое может активироваться, например, если в посещаемой сети есть сложные объявления. воспроизвести видео. Один из самых высоких показателей, который мы можем найти в этом смысле, - это что собой представляет GPU / ГРАФИЧЕСКИЙ ПРОЦЕССОР процесс подготовки , что составит около 1.75 ГБ ОЗУ. И, наконец, процессы расширений размером около 15 мегабайт каждое.
В свою очередь, Windows 10 резервирует объем памяти, который будет полезен, когда она вам понадобится. Поэтому, когда Edge запускается, он запрашивает место в памяти вашего компьютера, и Windows предлагает его вам. Говорят, что все это динамично и обновляется в реальном времени.
3]Остановите нежелательные задачи
В браузерах на основе Chromium есть задачи, которые также можно вызывать как фоновый процесс. Хотя не все из них могут тормозить, так как они тоже нужны. Так что вам придется судить самостоятельно, чтобы узнать, что вы можете остановить или убить.
- Щелкните меню Edge> Дополнительные инструменты> Диспетчер задач браузера.
- Отсортируйте список по памяти и посмотрите, есть ли что-нибудь, занимающее много памяти.
- Иногда несколько открытых вкладок также могут быть тяжелыми для браузера, и если они вам не нужны, нажмите Завершить процесс, чтобы избавиться от него.
Обратите внимание, что любая несохраненная работа в вашей задаче будет потеряна.
Как уменьшить потребление оперативной памяти Edge
Чтобы уменьшить это потребление оперативной памяти, мы можем выполнить несколько задач. Если мы видим, что любая открытая вкладка или расширение потребляет много оперативной памяти по сравнению с другими, лучше закрыть их. В то же время мы также можем удалить расширение обсуждаемый. Как только мы это сделаем, потребление ресурсов, вероятно, значительно снизится.
Помните, что когда мы устанавливаем расширения в программе или открываем вкладки, потребление RAM постепенно увеличивается. Кроме того, это может быть проблематично в случае, если у нас есть старый или несколько ограниченный PC с точки зрения технических характеристик.
4]Подтяжки для подтяжек
Расширения вроде Великая Подтяжка и Подвеска для вкладок отлично справляются с задачей, проверяя открытые вкладки, которые в фоновом режиме потребляют ресурсы. Вы можете указать URL-адрес, который должен продолжать работать в фоновом режиме, чтобы ваша работа не прерывалась. Вы можете установить эти расширения Chrome на Edge.
Определение утечек памяти JS с помощью инструментов распределения на временной шкале
Инструментирование распределения на временной шкале — это еще один инструмент, который поможет вам отслеживать утечки памяти в Кучи JS.
Демонстрация инструментов распределения на временной шкале с помощью следующего кода:
При каждом нажатии кнопки, на которую ссылается код, в массив добавляется строка из одного миллиона символов x .
Для записи инструмента распределения на временной шкале:
Откройте DevTools и выберите панель памяти .
Щелкните приборы Распределения на кнопке радиохронологии , а затем нажмите кнопку Начните .
Выполните действия, которые, как вы подозреваете, вызывают утечку памяти.
После этого нажмите кнопку Остановка записи записи профиля стоп-записи .
Во время записи обратите внимание, будут ли синие полосы показываться в приборе Распределения на временной шкале, как на следующем рисунке:
Эти синие полосы представляют новые выделения памяти. Эти новые выделения памяти являются вашими кандидатами для утечки памяти.
Увеличь планку, чтобы отфильтровать области конструктора , чтобы показать только объекты, выделенные в указанные временные рамки.
Расширьте объект и выберите значение, чтобы просмотреть дополнительные сведения в области Объект .
Например, на следующем рисунке x в подробностях вновь выделенного объекта указывается, что он был выделен переменной в области Window :
Используйте диспетчер задач браузера Edge, чтобы проверить использование памяти вкладками
Знаете ли вы, что в браузере также есть встроенный диспетчер задач? Это помогает узнать, сколько памяти потребляет каждая открытая вкладка. Это важно, потому что конкретный веб-сайт может потреблять много ресурсов, что может замедлить работу.
В браузере Edge нажмите Shift + Esc, чтобы открыть диспетчер задач браузера. Он покажет все задачи, включая браузер, процесс графического процессора, сетевую службу, аудио, видео услуги, а также использование памяти каждой вкладкой и расширениями.
Тем не менее, Команда Microsoft Edge есть свои рекомендации относительно того, сколько памяти может занять каждый из этих процессов в браузере. Вот список максимума, который должен занять каждый из этих процессов:
- Браузерный процесс: 400 МБ. Его можно увеличить, когда вы откроете больше вкладок.
- Процесс рендеринга: 500 МБ. Воспроизведение видео, новостных лент в социальных сетях и т. Д.
- Подфрейм процесс: 75 МБ. Это может продолжаться, если есть сложные объявления, особенно те, которые воспроизводят видео.
- Процессор графического процессора: 1,75 ГБ
- Утилита: 30 МБ
- Процесс расширения и процессы надстройки: 15-0 МБ
Windows 10 резервирует объем памяти, который может пригодиться при необходимости. Его также называют Подтвердить заряд и зависит от размера страницы. Когда Edge запускается, он запрашивает выделенное пространство памяти, а Windows предлагает его через размер страницы или виртуальную память. Все это динамично, поэтому даже если программа запрашивает 3 ГБ и использует только 500 МБ, остальное все равно остается бесплатно.
Факторы, влияющие на использование памяти Edge
На использование памяти влияет множество факторов. Это включает в себя:
- Количество вкладок,
- Рекламные объявления
- Расширения браузера
- Контент
- Разрешение экрана
- Размер окна
- Число или окна браузера.
5]Оптимизация работы со страницей новой вкладки
Предварительная загрузка страницы новой вкладки
Откройте настройки Edge, а затем выполните поиск «Предварительная загрузка», и он откроет настройки —Предварительно загрузите новую вкладку, чтобы ускорить работу. Хотя он включен по умолчанию, убедитесь, что он включен, если вы хотите сохранить вкладку «Новая» таким же образом.
Настроить новую вкладку
Откройте Настройки Edge> Новая вкладка> Настроить. Переключитесь в режим Focused, в котором с новой страницы будет удалено почти все. Вы также можете использовать пользовательский режим и выбрать, что вы хотите показать или скрыть.
Удалите ненужные впечатления.
Сделайте это, а затем перейдите к edge://settings/onStartup а затем добавить about:blank против Открыть определенную страницу или страницы под При запуске настройки.
Это мгновенно загрузит Edge.
Примечание: Когда вы добавляете эту запись в файл Hosts, параметр настройки новой вкладки может отсутствовать.
Тем не менее, вы также можете использовать Групповая политика.
Если вы напечатаете chrome-search://local-ntp/local-ntp.html в новой вкладке вы должны увидеть более светлую домашнюю страницу.
Вы можете установить URL-адрес в качестве URL-адреса домашней страницы или страницы новой вкладки по умолчанию.
- Откройте редактор групповой политики. Введите gpedit.msc в командной строке (Win + R) и нажмите клавишу Enter.
- Перейдите к Administrative Templates > Windows Components > Microsoft Edge
- Дважды щелкните следующие политики, включите политику и установите URL-адрес:
- Установить URL-адрес кнопки «Домой»
- Установить URL страницы новой вкладки
Используйте указанный выше URL-адрес, нажмите Применить и выйти.
Другой способ — включить Установить URL страницы новой вкладки политики, а затем отключите Разрешить веб-контент на странице новой вкладки политика. В этом случае Microsoft Edge игнорирует любой URL-адрес, указанный в этой политике, и открывает about: blank.
Соответствующее значение доступно здесь в Реестр:
- HKEY_CURRENT_USER
- Путь в реестре: Software Policies Microsoft Edge
- Имя значения: NewTabPageLocation
Если это не сработает, вы всегда можете установить любой другой URL-адрес для открытия.
Я надеюсь, что за этим постом было легко следить, и вы смогли получить лучший опыт, более быстрое время загрузки и скорость с Microsoft Edge.
Пока Microsoft Edge использует тот же Chromium Engine, что и браузер Chrome, использование ЦП и ОЗУ значительно меньше. Тем не менее, все еще возможно, что браузер Edge может начать потреблять больше ресурсов, и здесь руководство пригодится. Этот пост предлагает предложения, которые помогут вам в ситуациях, когда Microsoft Edge попадает в ситуацию с высоким использованием памяти.
Обзор
В духе RAIL модель производительности, в центре усилий по производительности должны быть ваши пользователи.
Проблемы с памятью важны, так как они часто воспринимаются пользователями. Пользователи могут воспринимать проблемы с памятью следующим образом:
Производительность страницы со временем ухудшается. Возможно, это симптом утечки памяти. Утечка памяти — это когда ошибка на странице приводит к постепенному использованию с течением времени все большего и большего объемов памяти.
Производительность страницы является стабильно плохой. Возможно, это симптом раздува памяти. Раздутие памяти — это когда на странице используется больше памяти, чем необходимо для оптимальной скорости страницы.
Производительность страницы задерживается или, как представляется, часто останавливается. Возможно, это симптом частых сборов мусора. Сбор мусора — это когда браузер возвращает память. Браузер решает, когда это произойдет. Во время коллекций приостановка работы всех скриптов. Так что если браузер собирает много мусора, время запуска скрипта будет приостановлено много.
Как уменьшить использование памяти в Edge?
Если вы видите открытую вкладку или расширения, занимающие много памяти по сравнению с другимиs, закройте его или удалите расширение. Как только вы закроете и использование ресурсов снизится, проблема будет во всем, что было открыто на этой вкладке. Обязательно сравните с ценностью, которую мы только что рассказали выше.
Второй способ выяснить, используется ли какой-либо фоновый процесс или неактивная вкладка в Microsoft Edge, — это просмотреть частный рабочий набор. Считайте это частью пограничного процесса и, по данным Microsoft, более 80% фиксации в частном рабочем наборе, а это не активная вкладка, будет считаться чрезмерным.
Ключевым словом является активная вкладка, что также означает, что есть вкладка, которая занимает слишком много памяти в фоновом режиме, что проблематично.
Чтобы выяснить, какая память занимает большую часть выделенной памяти, мы воспользуемся диспетчером ресурсов и диспетчером задач браузера.
Введите Resource Monitor в меню «Пуск» и щелкните, чтобы запустить, когда он появится в списке. Сортировка по имени, чтобы вы могли видеть процесс msedge.exe и размер фиксации.
Затем в браузере Edge используйте Sift + Esc, чтобы открыть диспетчер задач браузера. Щелкните столбцы правой кнопкой мыши и выберите PID, Размер фиксации, Память (частный рабочий набор), Имя, Статус, Имя пользователя и ЦП.
Обратите внимание на PID, который требует много ресурсов, а затем переключитесь в диспетчер задач Windows. Если частный рабочий набор процесса превышает 80% вашего коммита, закройте его. Кроме того, вам нужно будет сообщить об этом в Microsoft.
Увеличение или уменьшение размера кеша браузера в Edge
Некоторые пользователи сообщили, что при запуске Edge с открытыми всего несколькими вкладками он потреблял 96 ГБ ОЗУ. Следуйте приведенным ниже инструкциям, чтобы изменить размер кэша Microsoft Edge.
- Щелкните правой кнопкой мыши значок Edge на панели задач и выберите Характеристики.
- Переключитесь на Ярлыки вкладка Окна свойств кромки.
- В поле назначения добавьте следующий текст к предоставленной записи -disk-cache-size- .
- Нажмите Подать заявление Кнопка.
- Перезапустите браузер Edge.
Теперь давайте рассмотрим шаги более подробно.
Щелкните правой кнопкой мыши значок Microsoft Edge на панели задач и в отображаемом списке параметров выберите ‘Характеристики‘.
Откроется окно свойств Microsoft Edge. Перейдите на вкладку с надписью «Ярлыки‘.
В поле «Цель» окна «Свойства Microsoft Edge» добавьте следующий текст в конце указанного адреса.
Например, вы можете ввести его как -disk-cache-size-2147483648.
Это должно выглядеть примерно так —
Примечание. 2147483648 — это размер кеша в байтах, равный 2 гигабайтам. Если вы хотите уменьшить это значение до минимума, введите желаемое значение.
Нажмите на ‘Подать заявление‘а затем нажмите Ok установить предел.
В качестве альтернативы, чтобы изменить размер кэша Microsoft Edge в Windows 10, вы можете удалить или отключить расширения Edge, которые вы не используете. Для этого просто нажмите кнопку «Настройки и многое другое«меню, выберите»Расширения‘и отключите расширения, которые больше не используете.
Нажмите ‘Удалять‘, чтобы удалить расширения из браузера.
Связанное чтение: Как изменить размер кэша Chrome в Windows 10.
Узнайте, как использовать Microsoft Edge и DevTools для поиска проблем с памятью, влияющих на производительность страниц, включая утечки памяти, раздутую память и частые сборы мусора.
- Узнайте, сколько памяти в настоящее время используется в Microsoft Edge браузера.
- Визуализация использования памяти с течением времени с помощью панели памяти .
- Определите отдельные деревья DOM (распространенная причина утечки памяти) с помощью снимка Куча.
- Узнайте, когда в вашей кучи JavaScript (JS куча) выделяется новая память с помощью инструментов распределения на временной шкале.
Ускорьте Edge и заставьте его загружаться быстрее
Советы, о которых мы говорим, некоторые из них являются общими, в то время как другие связаны с опытом. Однако есть одно практическое правило. Чем больше вы его настраиваете, особенно те, которые приводят к дополнительному подключению при загрузке, тем медленнее он может стать. Вот что вы можете сделать:
- Убедитесь, что настройки прокси верны
- Отключите или удалите ненужные расширения
- Остановить нежелательные задачи
- Использовать расширение для чулок
- Оптимизация работы с новой вкладкой.
Прежде чем начать, убедитесь, что у вас есть стабильное интернет-соединение, достаточное для загрузки веб-сайтов.
Доступ к диспетчеру задач Windows
Одним из первых шагов, которые мы можем предпринять, чтобы узнать, что на самом деле происходит с потреблением ресурсов Edge, является доступ к диспетчеру задач Windows. Чтобы открыть этот важный элемент операционной системы, мы можем использовать комбинацию клавиш Ctrl + Shift + Esc. Затем мы переходим к вкладка процессы этого раздела и щелкните заголовок памяти.
Здесь мы можем увидеть, сколько именно Оперативная память программа потребляет как таковая. Также для более подробной информации у нас всегда есть возможность расширить эту запись Edge, чтобы мы видели все темы в работе и посмотреть потребление памяти каждым из них.
Проверьте причину высокого использования оперативной памяти в Edge
И возможно, мы понимаем, что просмотр компьютера или Интернета становится слишком медленным, когда мы используем Edge. Вот тогда и приходит время попытаться выяснить, что происходит. Для этого мы дадим вам ряд советов. Они будут очень полезны, когда дело доходит до решения того, о чем мы говорим вам, пока мы делаем программа как таковые работают более плавно.
Другие вещи, которые вы можете попробовать, если Edge показывает высокую загрузку памяти или ЦП
Подводя итог — браузер может потреблять ресурсы и замедлять работу компьютера, но браузер может быть не виноват. Это может быть открытая вкладка, расширение, работающее в фоновом режиме, или веб-сайт, реклама которого замедляет работу компьютера. Единственный способ выяснить это — проверить, берет ли он ресурс, и закрыть его.
Иногда могут возникнуть ошибки в таких процессах, как GPU, аудио-видео сервис, сетевая служба. В этом случае может помочь перезапуск браузера.
Тем не менее, если вам нужно оставить веб-сайт открытым, я бы посоветовал вам закрыть другие вкладки и поработать с ними. Вы также можете использовать другой браузер, проверить, сохраняется ли проблема, и выполнить работу.
Надеюсь, этот пост помог вам понять, почему ваш Microsoft Edge вызывал высокое использование памяти.
Читайте дальше: Microsoft Edge не открывается в Windows 10.
Если вы не настроите браузер Edge на иное, он будет вести подробный учет всей активности в Интернете. Например, веб-сайты, которые вы часто посещаете или на которые часто заходите. Это делается для того, чтобы веб-страницы загружались быстрее. Однако в процессе работы он занимает много места. Итак, если вы опасаетесь этого действия, просто ограничить размер кеша Microsoft Edge в Windows 10.
1]Убедитесь, что настройки прокси верны
Многим из нас необходимо использовать ProxyProxy для подключения к внешней сети, которая может быть связана с работой, или вы просто используете его каждый день. Хотя Edge, как и любой другой браузер, настроен на автоматическое обнаружение, но если у вас есть проблемы, вам, возможно, придется настроить его вручную. Может быть и наоборот. Если у прокси есть проблемы, вы столкнетесь с проблемами загрузки, то есть медленной загрузкой веб-сайта.
- Щелкните трехточечное меню и выберите «Настройки».
- Найдите прокси-сервер, и он даст вам ссылку на «Открыть настройки прокси-сервера Windows», который доступен в разделе «Сеть» и «Интернет».
- Здесь у вас есть два варианта:
- Автоматическая настройка прокси
- Ручная настройка прокси
Возможно, вам также придется связаться с тем, кто дал вам данные прокси, и узнать, есть ли проблема на его стороне.
Визуализация утечек памяти с помощью панели Performance
Вы также можете использовать панель Performance в качестве еще одной отправной точки в вашем расследовании. Панель Performance позволяет со временем визуализировать использование страницы в памяти.
В DevTools откройте средство Performance .
Выберите контрольный ящик памяти.
Это хорошая практика, чтобы начать и закончить запись с принудительного сбора мусора. Чтобы заставить сбор мусора, щелкните сбор мусора кнопку во время записи.
Чтобы продемонстрировать записи памяти, рассмотрим следующий код:
При каждом нажатии кнопки в коде к тексту документа примыкает 10 000 div узлов, а на массив нажимается строка в 1 000 000 x x символов. При запуске предыдущего примера кода создается запись в панели Performance , как на следующем рисунке:
Во-первых, объяснение пользовательского интерфейса. Граф HEAP в области Обзор (ниже NET) представляет кучу JS. Ниже области Обзор является области Счетчик . Использование памяти разбивается по Кучи JS (так же, как график HEAP в области **** Обзор), документов, узлов DOM, слушателей и памяти GPU. Очистить контрольный ящик, чтобы скрыть его от графа.
Теперь анализ кода по сравнению с предыдущим рисунком. Если просмотреть счетчик узлов (зеленый график), он будет полностью совпадать с кодом. Количество узлов увеличивается в дискретных шагах. Можно предположить, что каждое увеличение числа узлов является вызовом grow() .
График Кучи JS (синий график) не так прост. В соответствии с лучшими практиками первый провал фактически является принудительной коллекцией мусора (**** .
По мере выполнения записи отображаются пики размера Кучи JS. Это естественно и ожидаемо: код JavaScript создает узлы DOM на каждой кнопке, нажимаемой, и много работает, когда создает строку из одного миллиона символов.
Ключевым моментом здесь является тот факт, что куча JS заканчивается выше, чем она началась (начало здесь является точкой после принудительного сбора мусора). В реальном мире, если вы увидели этот шаблон увеличения размера Кучи JS или размера узла, это потенциально указывает на утечку памяти.
Раздув памяти: сколько "слишком много"?
Утечку памяти легко определить. Если сайт постепенно использует все больше и больше памяти, то у вас есть утечка. Но раздуть память немного сложнее прикрепить. Что квалифицируется как "использование слишком емких воспоминаний"?
Здесь нет жестких номеров, так как различные устройства и браузеры имеют различные возможности. Та же страница, которая плавно выполняется на смартфоне высокого уровня, может привести к сбою на низком уровне смартфона.
Здесь важно использовать модель RAIL и сосредоточиться на пользователях. Узнайте, какие устройства популярны у пользователей, а затем проверьте свою страницу на этих устройствах. При последовательном плохом опыте на странице могут быть превышены возможности памяти этих устройств.
Обнаружение отсоединяемой памяти дерева DOM с помощью снимков кучи
Memory tool > Help-mode tooltip to this section; would default to top of article instead of this section anchor -->
Узел DOM — это только мусор, собираемый, если на странице нет ссылок на узел из дерева DOM или кода JavaScript. Сообщается, что узел "отсоединяется" при удалении из дерева DOM, но некоторые JavaScript по-прежнему ссылаются на него. Отдельные узлы DOM являются распространенной причиной утечек памяти.
В этом разделе рассказывается об использовании профилей кучи в DevTools для определения отсоединяемых узлов.
Вот простой пример отсоединяемых узлов DOM:
Щелкнув кнопку, нажатую в коде, ul создает узел с десятью детьми li . Узлы ссылаются на код, но они не существуют в дереве DOM, поэтому каждый узел отсоединяется.
Снимки кучи — это один из способов определения отсоединяемых узлов. Как следует из названия, на снимках кучи покажите, как память распределяется между объектами JS и узлами DOM для вашей страницы в момент момент снимка.
Чтобы создать снимок:
Откройте DevTools и перейдите к панели памяти .
Щелкните кнопку "Моментальный снимок ", а затем нажмите кнопку Снимок в нижней части панели.
На обработку и загрузку снимка может потребоваться некоторое время.
После завершения снимка выберите его на левой панели (он называется HEAP SNAPSHOTS).
В текстовом окне Фильтр класса введите Detached для поиска отсоединенные деревья DOM:
Расширь карат, чтобы исследовать отдельное дерево:
Щелкните узел, чтобы исследовать его далее.
В области Объекты можно увидеть дополнительные сведения о коде, ссылаясь на узел. Например, на следующем рисунке переменная detachedTree ссылаться на узел.
Чтобы устранить определенную утечку памяти, detachedTree изучите код, использующий переменную, и убедитесь, что ссылка на узел удаляется, когда она больше не требуется.
Использование большой памяти Microsoft Edge
Предполагая, что вы видите, как компьютер или просмотр страниц замедляются при использовании браузера Edge, рекомендуется сначала изучить ситуацию.
Откройте диспетчер задач (Ctrl + Shift + Esc) и отсортируйте его по использованию памяти.
- Если это что-то другое, кроме Edge, потребляющего процесс и память, вам необходимо проверить это приложение.
- Если это браузер Edge, давайте рассмотрим подробнее.
Исследование распределения памяти по функции
Используйте тип профилирования выборки распределения для просмотра распределения памяти с помощью функции JavaScript.
Если на странице есть рабочий, вы можете выбрать его в качестве целевой области профилинга, используя меню отсев рядом с кнопкой "Пуск ".
На веб-странице выполните действия, которые необходимо исследовать.
В DevTools показана разбивка распределения памяти по функции. Представление по умолчанию — Heavy (Bottom Up), в котором отображаются функции, которые выделяли больше всего памяти в верхней части.
Проверьте диспетчер задач браузера
Но также может быть, что мы хотим узнать причину такого высокого потребления ресурсов из самой программы. Мы говорим вам об этом, потому что у самого Edge есть свой собственный Диспетчер задач это будет очень полезно в этих случаях. Чтобы получить доступ к этому разделу, который мы комментируем, мы можем сделать это несколькими способами. Например, первым делом мы можем перейти в главное меню программы.
Он находится в правом верхнем углу основного интерфейса и представлен тремя горизонтальными линиями. Далее мы переходим к опции Дополнительные инструменты / Диспетчер задач браузера. Но для того, чтобы этот доступ был еще быстрее, мы также можем перейти к окно программы и используйте комбинацию клавиш Shift + Esc.
В этот момент на экране появится новое окно, из которого мы можем воочию увидеть все процессы, которые работают в Edge. Таким образом мы можем проверить, какие элементы потребляют больше ресурсов в это время. Мы увидим их подробно в этом окне, а также RAM, ЦП и сеть, которую потребляет каждый. Эти процессы обозначаются номером процесса, и мы можем закрыть тот, который нам нужен.
Для этого нам просто нужно нажать на тот, который потребляет больше ресурсов, а затем нажать кнопку под названием Завершить процесс.
Читайте также: