Isso analisará qualquer URL fornecida e concatenará o CSS necessário para exibir a renderização HTML acima da pasta, ou seja, o elemento ``.CSS crítico¬ ou ¬caminho CSS crítico20.
Uma boa ferramenta, que faz um trabalho Não é fácil prescindir disso. E retorna diretamente uma versão CSS já minificada.
Em seguida, você deve incorporar esse código no cabeçalho da(s) sua(s) página(s), manualmente ou com um elemento `` dedicado. pluginou qualquer plugin de cache ou otimização.
Isso permitirá renderizar a parte superior da zona inicialmente visível mais rapidamente, sem carregar os arquivos CSS externos.
- Isso aumentará suas métricas do Google? Provavelmente.
- Isso melhorará a experiência dos seus visitantes ocasionais? Provavelmente.
- Isso melhorará a experiência dos visitantes recorrentes? Não (pois aumentará o peso de cada página em que esse CSS for adicionado, em vez de adicioná-lo apenas a um arquivo externo que é carregado apenas uma vez).
Dica nº 1: Limpe o cache do servidor ou do plugin logo em seguida.
Dica nº 2: Se você optar por essa rota de otimização, para obter o CSS mais adequado, vale a pena aplicar esse truque uma vez para cada grupo de páginas significativamente diferente em seu site, cada uma provavelmente usando um CSS muito diferente (exemplo: forum páginas, posts normais, tipos de posts personalizados (¡).
Dica nº 3: Como esse CSS é um código puramente estático (sob demanda), ele deve ser atualizado sempre que você fizer uma alteração importante no CSS da página.
