Сколько памяти используется для создания Div на веб-странице?

Question

Я хочу приблизительно определить, сколько div с некоторым количеством контента (возможно, вложенных div) будет занимать в памяти.

Как бы я вообще понял это?

Answer 1

Напишите небольшой JavaScript, который создает 100, 500, 1000 и т. Д. Div в зависимости от того, какая опция выбрана.Проверьте использование памяти браузером до и после выбора вашего варианта и разделите на число созданных вами div.Попробуйте использовать действительно большое количество элементов div, чтобы получить лучшее среднее значение, и обязательно тестируйте на разных браузерах, разных версиях и разных платформах.

Answer 2

Это зависит от браузера, но на самом деле не должно быть необходимости знать мелкие детали, подобные этой.Зачем вам нужно знать?

Если вы действительно хотите знать внутренности браузеров, (по крайней мере, с открытым исходным кодом) взломайте исходный код.Для элемента div в Firefox я нашел этот файл , и я уверен, что вы можете найти другие.

Answer 3

его размер ..! Сделай это -> Сделай 100,1000 делений, добавь стиль всем. Перейдите на вкладку «Сеть» в консоли браузера и посмотрите размер использования. Аналогичным образом сделайте это для изображений. Вы поймете разницу. В основном, пиксельная манипуляция с изображением в виде матрицы CCD немного дороже, чем прямая матрица элементов div.