Что такое render-blocking ресурсы и как их устранить?

Render-blocking — ресурсы, которые блокируют первую отрисовку: CSS в (всегда blocking), синхронный JS без async/defer. Решения: inline critical CSS (above the fold), async загрузка остального CSS через media="print" onload="this.media=all". JS: async — загружается параллельно, выполняется когда готов. defer — загружается параллельно, выполняется после парсинга HTML. Для шрифтов: font-display: swap + preload. Lighthouse подсвечивает render-blocking ресурсы. Каждый blocking ресурс откладывает FCP.