From 64e69e89d672e844c1891722ca4b8171eeec19af Mon Sep 17 00:00:00 2001 From: Alexander Myshov Date: Sun, 28 Mar 2021 20:25:45 +0700 Subject: Unify translation of "Media Query" to Russian (#343) * Unify translatioin of "mediaquery" to Russian * Update files/ru/learn/css/css_layout/responsive_design/index.html Co-authored-by: Artem Shibakov * Update files/ru/learn/css/css_layout/responsive_design/index.html Co-authored-by: Artem Shibakov * Update files/ru/learn/css/css_layout/responsive_design/index.html Co-authored-by: Artem Shibakov * Update files/ru/learn/css/css_layout/responsive_design/index.html Co-authored-by: Artem Shibakov * Update files/ru/learn/css/css_layout/responsive_design/index.html Co-authored-by: Artem Shibakov * Update files/ru/learn/css/css_layout/responsive_design/index.html Co-authored-by: Artem Shibakov * Update files/ru/web/css/media_queries/index.html Co-authored-by: Artem Shibakov Co-authored-by: Artem Shibakov --- files/ru/web/performance/critical_rendering_path/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'files/ru/web/performance/critical_rendering_path/index.html') diff --git a/files/ru/web/performance/critical_rendering_path/index.html b/files/ru/web/performance/critical_rendering_path/index.html index 995d8f81c8..5e6d7bf290 100644 --- a/files/ru/web/performance/critical_rendering_path/index.html +++ b/files/ru/web/performance/critical_rendering_path/index.html @@ -31,7 +31,7 @@ translation_of: Web/Performance/Critical_rendering_path

Говоря о производительности селекторов (selector), наименее специфичные селекторы срабатывают быстрее. Например, .foo {} сработает быстрее .bar .foo {}. В первом случае, условно, понадобится одна операция, чтобы найти элемент .foo, во втором случае, сначала будут найдены все .foo, а потом браузер пройдёт вверх по дереву в поисках родительского элемента .bar. Более специфичные селекторы требуют от браузера большего количества работы, но эти проблемы, вероятно, не стоят их оптимизации.

-

Если вы измерите время, требуемое на парсинг CSS, вы будете удивлены тем, как быстро работают браузеры. Более специфичные правила более затратны, потому что требуют обхода большего числа узлов в DOM дереве, но эта дороговизна обходится довольно дёшево, особенно в сравнении с другими узкими местами производительности. Сначала измеряйте. Потом оптимизируйте, если это действительно необходимо. Вероятно, специфичность селекторов не то, что действительно затормаживает ваше приложение. Когда дело доходит до оптимизации CSS, улучшение производительность селекторов ускоряет рендеринг лишь на микросекунды. Существуют другие пути оптимизации CSS, такие как унификация, разделение CSS-файлов на разные файлы на основе media-queries.

+

Если вы измерите время, требуемое на парсинг CSS, вы будете удивлены тем, как быстро работают браузеры. Более специфичные правила более затратны, потому что требуют обхода большего числа узлов в DOM дереве, но эта дороговизна обходится довольно дёшево, особенно в сравнении с другими узкими местами производительности. Сначала измеряйте. Потом оптимизируйте, если это действительно необходимо. Вероятно, специфичность селекторов не то, что действительно затормаживает ваше приложение. Когда дело доходит до оптимизации CSS, улучшение производительность селекторов ускоряет рендеринг лишь на микросекунды. Существуют другие пути оптимизации CSS, такие как унификация, разделение CSS-файлов на разные файлы на основе медиавыражений.

Дерево рендера (Render Tree)

-- cgit v1.2.3-54-g00ecf