Чтобы повторно разрешить часть или всю страницу, процесс пересчитания местоположений и геометрий страницы называется рефтовом. Поскольку Reflows является операцией блокировки пользователя в браузере, разработчикам очень необходимо понять, как уменьшить количество регтов и влияние различных атрибутов документа (глубина DOM, эффективность CSS и отсутствие изменений стиля) на количество регтов. Иногда один элемент на странице рефтова перерабатывает его родительский элемент и все детские элементы.
Существует несколько действий пользователя и изменений DHTML, которые могут запустить рефлова. Измените размер окна браузера, используйте JavaScript для вычисления стилей, создайте удаленные элементы в DOM, и измените класс элемента, запускает рефтоу. Стоит отметить, что некоторые операции запускают рефтову несколько раз, помимо вашего воображения. Следующая картинка исходит из речи Стива Судерса даже более быстрых веб -сайтов:
Из приведенной выше таблицы очевидно, что не все стили, контролируемые JavaScript, триггерные стили во всех браузерах, даже если количество триггеров запускается, отличается. В то же время видно, что современные браузеры делают все лучше и лучше в управлении количеству регжей.
В Google мы измеряем наши страницы и веб -приложения во многих отношениях, а рефтова является ключевым фактором, который мы рассматриваем при добавлении пользовательского интерфейса. Мы стремимся передавать живой, интерактивный и восхитительный опыт пользователей.
в принципеВот несколько принципов для уменьшения кафе:
В видео ниже (примечание перевода: цитируемое с YouTube, нельзя просмотреть, пожалуйста, перейдите к исходному тексту, чтобы просмотреть стену), Линдси представляет некоторые способы уменьшить отрабатывание.
Дальнейшее чтение