Асинхронная загрузка CSS в Firefox

 Дополнение к браузеру Firefox - Асинхронный CSS

Скачать:

https://addons.mozilla.org/ru/firefox/addon/async-css/

 Асинхронная загрузка внешних CSS- и JS-ресурсов способствует увеличению скорости загрузки сайта и отображения веб-страниц в браузере, обеспечивая загрузку и выполнение файлов в фоновом режиме без блокировки рендеринга.

Процесс отображения страницы сайта в браузере сопровождается задержками (Render Blocking) всякий раз, когда браузер обнаруживает внешние CSS- и JS-ресурсы в тегах link и script соответственно. Это приводит к тому, что некоторое время пользователь находится в ожидании отображения веб-страницы на экране до момента, пока не загрузятся и не выполнятся файлы, препятствующие её отображению.

 Это дополнение заставляет веб-страницы загружаться быстрее, позволяя им загружаться до загрузки внешних CSS-файлов.

Значок дополнения на верхней панели справа: Async CSS (on) - дополнение включено (off) - выключено.

Зачем:
Большинство браузеров в настоящее время ждут, пока все внешние CSS (определенные в разделе HEAD) завершат загрузку, прежде чем отображать какой-либо HTML. Это может серьезно замедлить работу Интернета.

Какая:
Это дополнение сделает всю внешнюю загрузку CSS в фоновом режиме без задержки отображения HTML. Похоже на FOUC (Flash of Unstyled Content), но желательно.

Как:
Это дополнение работает, помечая все таблицы стилей в разделе заголовка как асинхронные / отложенные. Когда вы загружаете веб-страницу, браузер сначала отображает HTML без каких-либо стилей CSS. Затем, когда стили CSS загружаются, они применяются динамически.

Поэтому, когда вы открываете веб-страницу, в течение первых нескольких секунд вы увидите основную веб-страницу без грима, а затем через несколько секунд загружается дизайн веб-страницы (CSS). Если загрузка CSS занимает слишком много времени, по крайней мере, вы можете прочитать основную веб-страницу, а не увидеть пустую страницу.

О других дополнениях:

https://permlib.blogspot.com/2015/07/firefox.html

https://permlib.blogspot.com/2018/05/firefox.html

https://permlib.blogspot.com/2016/01/blog-post.html

https://permlib.blogspot.com/2021/08/proxtube.html

https://permlib.blogspot.com/2021/08/clearurls.html

https://permlib.blogspot.com/2021/07/sponsorblock-youtube.html

https://permlib.blogspot.com/2018/07/youtube-5.html

https://permlib.blogspot.com/2021/01/wayback-machine.html