Para gerar CSS crítico para o seu site WordPress, você pode usar um plugin como Autoptimize ou WP Rocket. Aqui estão as etapas sobre como usar o Autoptimize:
1. Instale e ative o plugin Autoptimize em seu site WordPress.
2. Vá para configurações de otimização automática no painel do WordPress.
3. Na aba “Otimização de CSS”, habilite a opção “Gerar CSS Crítico”.
4. Clique no botão "Configurações" para configurar a geração crítica de CSS.
5. No campo "Exclusões CSS", insira quaisquer arquivos CSS que você não deseja que sejam incluídos no arquivo CSS crítico.
6. Clique no botão "Gerar CSS crítico" para gerar o arquivo CSS crítico.
7. O Autoptimize agora irá inserir automaticamente o arquivo CSS crítico na seção principal das páginas do seu site, melhorando o tempo de carregamento.
É importante observar que a geração de CSS crítico pode ser um processo que consome muitos recursos, por isso pode deixar seu site temporariamente lento enquanto o arquivo está sendo gerado. Depois que o arquivo for gerado, o impacto no desempenho do seu site deverá ser mínimo.