Немного теории

Немного теории

Reflow — это процесс рекурсивного обхода ветви дерева DOM, вычисляющий геометрию элементов и их положение относительно родителя. Начало обхода — изменившийся элемент, но возможно и распространение в обратном порядке. Существуют следующие типы reflow:

начальный — первичное отображение дерева;

инкрементный — возникает при изменениях в DOM;

изменение размеров;

изменение стилей;

«грязный» — объединение нескольких инкрементных reflow, имеющих общего родителя.

Reflow делятся на неотложные (изменение размеров окна или изменение шрифта документа) и асинхронные, которые могут быть отложены и объединены впоследствии.

При манипулировании DOM происходят инкрементные reflow, которые браузер откладывает до конца выполнения скрипта. Однако исходя из определения reflow, «измерение» элемента вынудит браузер выполнить отложенные reflow. Т.к. возможно распространение снизу вверх, то выполняются все reflow, даже если измеряемый элемент принадлежит к неизменившейся ветви.

Операции reflow очень ресурсоемки и являются одной из причин замедления работы веб-приложений.

Если судить по тесту clean, все браузеры хорошо справляются с кэшированием многочисленных reflow. Однако запрашивая offsetHeight, мы «измеряем» элемент, что вынуждает браузер выполнить отложенные reflow. Таким образом, браузер делает тысячу reflow в одном случае и только один — в другом.

Замечание: в Opera reflow выполняется еще и по таймеру, что, однако, не мешает ей пройти тест быстрее остальных браузеров. Благодаря этому в Opera виден ход тестов — появляются добавляемые звездочки. Такое поведение оправдано, т.к. вызывает у пользователя ощущение большей скорости браузера.

Поделитесь на страничке

Следующая глава >

Похожие главы из других книг:

В теории

Из книги автора

В теории С формальной точки зрения, после того как первые два предложения воплощены в жизнь, у нас появляется дерево зависимостей. Например, такое:— dom.js— array.map.js— array.js— sprinf.js— calendar.js— date.js— mycoolcombobox.js— dom.js— array.map.js— array.js— sprinf.js— animated.pane.js— pane.js— dom.js— array.map.js— array.js—


Немного из теории HTTP-запросов

Из книги автора

Немного из теории HTTP-запросов Время загрузки ресурса через HTTP-соединение складывается из следующих основных элементов:время отсылки запроса на сервер T1 — для большинства запросов величина практически постоянная;время формирования ответа сервера — для статических


Немного теории

Из книги автора

Немного теории Wireless Application Protocol разработан специально для быстрой передачи небольших пакетов данных. За поддержку и продвижение протокола ответственна межотраслевая организация WAP Forum (http://www.wapforum.org), основанная компаниями Motorola, Nokia, Ericsson и Phone.com. Первоначальная версия WAP


От теории к практике

Из книги автора

От теории к практике На сегодняшний день мобильный телефон с поддержкой GPRS – не редкость. Сотовые с поддержкой этой технологии представлены практически всеми производителями в широком ценовом диапазоне (начиная от Motorola T260 и заканчивая Sony Ericsson K700i). СОВЕТ Тем, кто намерен


§ 40. Цветовые теории

Из книги автора

§ 40. Цветовые теории 21 июля 1999Первобытные общества выделяли три основных цвета — красный (кровь, огонь), белый (молоко, день), черный (земля, ночь). Чем сложнее и утонченнее общество, тем более широкая цветовая гамма существует в его культуре.Лирическое отступление Сколько


Основные законы теории цепей

Из книги автора

Основные законы теории цепей При изучении электрических цепей широко применяется второй закон Кирхгофа, согласно которому алгебраическая сумма напряжений на замкнутом контуре равна 0. Первый закон Кирхгофа относится к токам, подходящим к узлу, и утверждает, что


4.10. Еще немного теории

Из книги автора

4.10. Еще немного теории Теперь, познакомившись с синтаксическим анализом на практике, вернемся к теории и немного поговорим о типах грамматик и об альтернативных методах синтаксического анализа и вычисления выражений. Эти вопросы мы здесь рассмотрим только


Глава 2 Документы: немного теории

Из книги автора

Глава 2 Документы: немного теории Нормативная база делопроизводства В этой главе будет рассмотрена юридическая сторона делопроизводства. Нормативная база в общем случае – это законы и другие правовые акты, которые регламентируют определенную деятельность.


1.1. ОБЩИЕ ПОЛОЖЕНИЯ ТЕОРИИ ПРОЕКТИРОВАНИЯ

Из книги автора

1.1. ОБЩИЕ ПОЛОЖЕНИЯ ТЕОРИИ ПРОЕКТИРОВАНИЯ Как без оформленного проекта вполне можно построить скворечник, но невозможно строительство высотного здания или комплекса космодрома со строительной индустрией, жилыми, стартовыми и производственными комплексами, так и без