diff options
Diffstat (limited to 'files/ru/web/performance')
| -rw-r--r-- | files/ru/web/performance/dns-prefetch/index.html | 8 | ||||
| -rw-r--r-- | files/ru/web/performance/how_browsers_work/index.html | 4 |
2 files changed, 6 insertions, 6 deletions
diff --git a/files/ru/web/performance/dns-prefetch/index.html b/files/ru/web/performance/dns-prefetch/index.html index 581e91d4d2..e52364a7e5 100644 --- a/files/ru/web/performance/dns-prefetch/index.html +++ b/files/ru/web/performance/dns-prefetch/index.html @@ -17,12 +17,12 @@ translation_of: Web/Performance/dns-prefetch <h2 id="Синтаксис">Синтаксис</h2> -<pre class="brush: html notranslate"><link rel="dns-prefetch" href="https://fonts.gstatic.com/" > +<pre class="brush: html"><link rel="dns-prefetch" href="https://fonts.gstatic.com/" > </pre> <h2 id="Примеры">Примеры</h2> -<pre class="brush: html notranslate"><html> +<pre class="brush: html"><html> <head> <link rel="dns-prefetch" href="https://fonts.gstatic.com/"> <!-- and all other head elements --> @@ -42,11 +42,11 @@ translation_of: Web/Performance/dns-prefetch <p><strong>Во-вторых,</strong> существует возможность добавить <code>dns-prefetch</code> (и другие подсказки) как <a href="/en-US/docs/Web/HTTP/Headers">HTTP заголовок</a> с помощью <a href="/en-US/docs/Web/HTTP/Headers/Link">HTTP Link field</a>:</p> -<pre class="brush: unix notranslate">Link: <https://fonts.gstatic.com/>; rel=dns-prefetch</pre> +<pre class="brush: unix">Link: <https://fonts.gstatic.com/>; rel=dns-prefetch</pre> <p><strong>В третьих, </strong> хорошей практикой считается использование <code>dns-prefetch</code> в паре с <code>preconnect</code>. В то время, как <code>dns-prefetch</code> срабатывает только при DNS поиске, <code>preconnect</code> устанавливает соединение к нужному серверу. Этот процесс включает в себя DNS resolution, установку TCP соединения и установление безопасного соединения (<a href="/en-US/docs/Glossary/TLS">TLS</a> рукопожатие), если оно доступно. Комбинирование этих двух инструкций даёт возможность ещё больше сократить время ожидания для кросс-доменных запросов. Вы можете использовать их вместе таким образом:</p> -<pre class="brush: html notranslate"><link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin> +<pre class="brush: html"><link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin> <link rel="dns-prefetch" href="https://fonts.gstatic.com/"> </pre> diff --git a/files/ru/web/performance/how_browsers_work/index.html b/files/ru/web/performance/how_browsers_work/index.html index 7fba31dc68..171e244a71 100644 --- a/files/ru/web/performance/how_browsers_work/index.html +++ b/files/ru/web/performance/how_browsers_work/index.html @@ -67,7 +67,7 @@ translation_of: Web/Performance/How_browsers_work <p>Как только мы установили соединение с веб-сервером, браузер отправляет инициирующий <a href="/en-US/docs/Web/HTTP/Methods">HTTP <code>GET</code> запрос</a> от имени пользователя. Чаще всего запрашивается HTML файл. В момент, когда сервер получает запрос, он начинает ответ с посылки заголовков ответа и содержимым HTML-файла.</p> -<pre class="brush: html notranslate"><!doctype HTML> +<pre class="brush: html"><!doctype HTML> <html> <head> <meta charset="UTF-8"/> @@ -127,7 +127,7 @@ translation_of: Web/Performance/How_browsers_work <p>Построение дерева DOM занимает весь поток процесса. Так как это явно узкое место в производительности, был создан особый сканер предзагрузки. Он обрабатывает доступное содержимое документа и запрашивает высокоприоритетные ресурсы (CSS, JavaScript и шрифты). Благодаря этому сканеру нам не нужно ждать, пока парсер дойдёт до конкретного места, где вызывается ресурс. Он запрашивает и получает эти данные заранее, в фоновом режиме, так что когда основной поток HTML-парсера доходит до запроса ресурса, высока вероятность, что ресурс уже запрошен или находится в процессе загрузки. Оптимизации, которые даёт этот сканер, уменьшают время блокирования рендера.</p> -<pre class="brush:html notranslate"><link rel="stylesheet" src="styles.css"/> +<pre class="brush:html"><link rel="stylesheet" src="styles.css"/> <script src="myscript.js" <strong>async</strong>></script> <img src="myimage.jpg" alt="image description"/> <script src="anotherscript.js" <strong>async</strong>></script> |