[{"data":1,"prerenderedAt":31},["ShallowReactive",2],{"$fKoczkja-RydZ9ZDW17m1a1YtVeWneBR6Ue14eIw1plo":3},{"slug":4,"kind":5,"title":6,"description":7,"h1":6,"seo_title":8,"seo_description":7,"content":9,"tags":28,"is_pro":30},"render-blocking","check","Блокирующие рендер ресурсы","Список скриптов и стилей без defer/async или в head, блокирующих отрисовку.","Блокирующие рендер ресурсы онлайн — seoquest.ru",{"about":10,"use_cases":11,"problems":14,"how_to":17,"faq":18},"Поиск скриптов и стилей в \u003Chead> без defer/async, которые блокируют отрисовку страницы. По разметке без выполнения JS.",[12,13],"Найти блокирующие ресурсы для оптимизации загрузки.","Проверить порядок подключения скриптов и стилей.",[15,16],"Синхронные скрипты в head — браузер ждёт их загрузки и выполнения перед отрисовкой.","Стили в head — блокируют рендер до загрузки (можно инлайнить критический CSS).","Введите URL и нажмите «Проверить». В результатах — списки blocking_scripts и blocking_styles. Добавьте defer или async к скриптам; рассмотрите отложенную загрузку стилей или критический CSS inline.",[19,22,25],{"q":20,"a":21},"Чем defer отличается от async?","defer — скрипт выполнится после разбора HTML, в порядке. async — выполнится как только загрузится, порядок не гарантирован. Для критичного порядка — defer.",{"q":23,"a":24},"Стили всегда блокируют?","Да, пока браузер не загрузит и не разберёт CSS, он может отложить отрисовку. Медиа-запросы и атрибут media могут частично снять блокировку.",{"q":26,"a":27},"Как не блокировать рендер?","Скрипты: defer/async или подключать в конце body. Стили: минимум критического CSS inline, остальное подгружать асинхронно или с media.",[29],"performance",false,1786201826924]