diff options
| author | Alexey Pyltsyn <lex61rus@gmail.com> | 2021-03-21 10:41:00 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-03-21 10:41:00 +0300 |
| commit | 7586547b4ee219ca2d0c6b462408a243052d24f6 (patch) | |
| tree | 3ca0f7565c0d4f48ab22069a9af2ba4c85b0ad1a /files/ru/web/performance/critical_rendering_path/index.html | |
| parent | f35245b5536f167c4c22dac32db7120b6dac5609 (diff) | |
| download | translated-content-7586547b4ee219ca2d0c6b462408a243052d24f6.tar.gz translated-content-7586547b4ee219ca2d0c6b462408a243052d24f6.tar.bz2 translated-content-7586547b4ee219ca2d0c6b462408a243052d24f6.zip | |
Deeper yofication of Russian translation (#251)
Diffstat (limited to 'files/ru/web/performance/critical_rendering_path/index.html')
| -rw-r--r-- | files/ru/web/performance/critical_rendering_path/index.html | 2 |
1 files changed, 1 insertions, 1 deletions
diff --git a/files/ru/web/performance/critical_rendering_path/index.html b/files/ru/web/performance/critical_rendering_path/index.html index ee91e0e4c8..995d8f81c8 100644 --- a/files/ru/web/performance/critical_rendering_path/index.html +++ b/files/ru/web/performance/critical_rendering_path/index.html @@ -47,7 +47,7 @@ translation_of: Web/Performance/Critical_rendering_path <p>Мета тэг viewport, который вы можете указать в Head страницы, определяет ширину видимой области и влияет на компоновку. Без этого тэга браузеры используют ширину "по умолчанию", которая обычно составляет 960px. В браузерах, открывающихся по умолчанию в полноэкранном режиме, например, в браузере телефона, установка тега <code><meta name="viewport" content="width=device-width"></code> установит ширину видимой области в 100% от ширины экрана устройства, вместо того, чтобы использовать ширину по умолчанию. Эта ширина (<code>device-width)</code> изменяется каждый раз, когда пользователь поворачивает телефон. Это приводит к запуску этапа компоновки. Равно как и при изменении размеров окна в обычном браузере.</p> -<p>На производительность компоновки (layout) непосредственно влияет DOM - чем больше узлов (nodes) в вашем документе, тем больше времени понадобится на перерасчёт позиций и размеров всех элементов. Компоновка может стать узким местом, ведущим к зависаниям, особенно если выполняет одновременно со скроллом или другой анимацией. И хотя задержка 20мс при загрузке или переориентации экрана может быть приемлемой, это все равно может привести к подвисаниям при анимации и скролле. Каждый раз, когда дерево рендера (render tree) модифицируется, например, из-за добавления узла (node), его модификации или при изменении стилей box-модели, запускается компоновка.</p> +<p>На производительность компоновки (layout) непосредственно влияет DOM - чем больше узлов (nodes) в вашем документе, тем больше времени понадобится на перерасчёт позиций и размеров всех элементов. Компоновка может стать узким местом, ведущим к зависаниям, особенно если выполняет одновременно со скроллом или другой анимацией. И хотя задержка 20мс при загрузке или переориентации экрана может быть приемлемой, это всё равно может привести к подвисаниям при анимации и скролле. Каждый раз, когда дерево рендера (render tree) модифицируется, например, из-за добавления узла (node), его модификации или при изменении стилей box-модели, запускается компоновка.</p> <p>Для уменьшения частоты и продолжительности этого этапа, группируйте обновления экрана и избегайте анимации свойств, связанных с box-моделью элементов.</p> |