Поэтому я пытаюсь улучшить результаты нашего аудита. В настоящее время многое сделано неправильно, что требует улучшения. Тем не менее, одним из тестов является следующее:
Eliminate render-blocking resources
И Маяк дает следующее предложение:
Resources are blocking the first paint of your page. Consider delivering critical JS/CSS inline and deferring all non-critical JS/styles. Learn more.
Итак, я предполагаю, что они означают следующее:
<html>
<head>
<style>
/* CSS RULES HERE */
</style>
</head>
</html>
Но я всегда учил, что не стоит смешивать HTML / CSS. Есть ли другой способ обойти эту «проблему» или это единственный способ решить ее, используя что-то вроде примера выше?