diff options
| author | Alexey Pyltsyn <lex61rus@gmail.com> | 2021-09-06 10:49:18 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-09-06 12:49:18 +0500 |
| commit | 6c094948c62abdbb132a28a26c0a5042ce2ffb20 (patch) | |
| tree | cb5e3de306c09d1bfcc6a4d02f6dd782379ef088 /files/ru/web/performance/css_javascript_animation_performance | |
| parent | 33a5bcbcd367750dc0b7376f692d5aacfb799303 (diff) | |
| download | translated-content-6c094948c62abdbb132a28a26c0a5042ce2ffb20.tar.gz translated-content-6c094948c62abdbb132a28a26c0a5042ce2ffb20.tar.bz2 translated-content-6c094948c62abdbb132a28a26c0a5042ce2ffb20.zip | |
[RU] Fix some typos (#2357)
Diffstat (limited to 'files/ru/web/performance/css_javascript_animation_performance')
| -rw-r--r-- | files/ru/web/performance/css_javascript_animation_performance/index.html | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/files/ru/web/performance/css_javascript_animation_performance/index.html b/files/ru/web/performance/css_javascript_animation_performance/index.html index 0f5b52e792..e071af27cc 100644 --- a/files/ru/web/performance/css_javascript_animation_performance/index.html +++ b/files/ru/web/performance/css_javascript_animation_performance/index.html @@ -65,9 +65,9 @@ translation_of: Web/Performance/CSS_JavaScript_animation_performance <h3 id="Анимация_вне_основного_потока_процесса">Анимация вне основного потока процесса</h3> -<p>Браузерный JavaScript является строго однопоточным языком, то есть он не может одновременно работать над двумя задачами. В этом кроется проблема анимации с помощью JavaScript. Выполняя такую анимацию, вы занимаете процессор, который мог бы в это время заниматься другими функциями. В противоположность этому, CSS анимации могут быть выделены в отдельный поток, то есть при выполнении таких анимаций браузер не блокирует выполнение других процессов. </p> +<p>Браузерный JavaScript является строго однопоточным языком, то есть он не может одновременно работать над двумя задачами. В этом кроется проблема анимации с помощью JavaScript. Выполняя такую анимацию, вы занимаете процессор, который мог бы в это время заниматься другими функциями. В противоположность этому, CSS-анимации могут быть выделены в отдельный поток, то есть при выполнении таких анимаций браузер не блокирует выполнение других процессов. </p> -<p>Для того, чтобы выделить анимацию CSS в отдельный процесс, нам нужно убедиться, что изменяемые свойства не запускают этапы reflow/repaint (подробнее здесь: <a href="http://csstriggers.com/">CSS triggers</a>). Если изменяемые CSS свойства не делают этого, то мы можем вынести операции по вычислению стилей в отдельный поток. Наиболее известное свойство - это CSS Transform, которое выводит элемент в отдельный <a href="https://wiki.mozilla.org/Gecko:Overview#Graphics">слой</a>. Если элемент представляет из себя отдельный слой, то вычисление каждого следующего кадра может быть сделано на графическом процессоре (GPU). Это радикально улучшает производительность, особенно на мобильных устройства. Подробности здесь: <a href="https://wiki.mozilla.org/Platform/GFX/OffMainThreadCompositing">OffMainThreadCompositing</a>.</p> +<p>Для того, чтобы выделить анимацию CSS в отдельный процесс, нам нужно убедиться, что изменяемые свойства не запускают этапы reflow/repaint (подробнее здесь: <a href="http://csstriggers.com/">CSS triggers</a>). Если изменяемые CSS-свойства не делают этого, то мы можем вынести операции по вычислению стилей в отдельный поток. Наиболее известное свойство - это CSS Transform, которое выводит элемент в отдельный <a href="https://wiki.mozilla.org/Gecko:Overview#Graphics">слой</a>. Если элемент представляет из себя отдельный слой, то вычисление каждого следующего кадра может быть сделано на графическом процессоре (GPU). Это радикально улучшает производительность, особенно на мобильных устройства. Подробности здесь: <a href="https://wiki.mozilla.org/Platform/GFX/OffMainThreadCompositing">OffMainThreadCompositing</a>.</p> <p>Вы можете отключить выведение анимации в отдельный поток, чтобы посмотреть, как эта особенность влияет на FPS. Для этого в настройках Firefox найдите флаг <code>layers.offmainthreadcomposition.async-animations</code>. И переключите его в <code>false</code>.</p> |
