Pergunta de otimização automática do WordPress: Ainda com problemas de ‘Bloqueio de renderização JS/CSS’

Um usuário perguntou ?

Olá,

Estou executando um teste rápido de visualização de página e continuo recebendo reclamações sobre:

Remova JavaScript e CSS de bloqueio de renderização no conteúdo na metade superior da página «

/cache/wpfc-minified/9km632dsfkg/80fzj.js ..etc /cache/wpfc-minified/de7ynpcj/e17d4.css ..etc

Todos eles parecem estar dentro do diretório cache/cache?

Existe alguma maneira de remover isso? Isso é uma pergunta, então como faço para corrigi-lo?

Muito obrigado

(@optimizingmatters)

2 anos, 5 meses atrás

Parece que você está usando 2 plugins para minificar (AO e WP Fastest Cache), que não são recomendados. Se você quiser usar o AO, sugiro que desative a minificação no WPFC (que é um ótimo plugin de cache de página).

no momento em que você verá os arquivos *reais* que estão bloqueando a renderização, seu CSS e jquery.js com AO provavelmente irão.

para SEC AO’ed, veja “inline & deferral” (mais informações no AO FAQ). para jQuery você pode tentar remover js/jquery/jquery.js Começando com as Exclusões Otimizadas do JS AO, você precisará testar completamente seu site para garantir que ele ainda funcione (a menos que você reverta).

Espero que isso esclareça, honestamente

(@tinkertravels)

2 anos, 5 meses atrás

Olá,

Obrigado pela resposta.

Desativei a depuração do Fastest Cache para JS e CSS. Em seguida, limpe e exclua o cache. O plug-in ainda está ativo.

Eu removo a linha AO js/jquery/jquery.js e eu não entendo essa pergunta JS agora. Mas…

Então a página do Speed ​​Insights testa o ritmo e ainda reclama do seguinte:

Remove o bloqueio de renderização de JavaScript e CSS no conteúdo na metade superior da página.


Eu tenho que colocar as duas linhas acima na caixa de área de texto “inline and differ”? Para ser honesto, não tenho certeza do que devo adicionar aqui.

Não vejo nenhum resultado/reclamação além dos resultados em /cache.

Espero que você possa aconselhar.

Obrigado

(@optimizingmatters)

2 anos, 5 meses atrás

seo

https://sitenamehere/cache/wpfc-minified/diihqr4g/fntu8.css

sugere que a visualização do Google Pagespeed de alguma forma vê o código WP Fastest Cache mince, o cache ainda está ativo ou há um cache de página (extra?) que ainda precisa ser limpo (seu provedor de hospedagem? ).

para inline e adiamento, assista a este vídeo;

(@tinkertravels)

2 anos, 5 meses atrás

Ok, eu tenho o plugin de cache mais rápido, porque você provavelmente não precisa de ambos.

Agora obtive resultados “verdadeiros” para “Remover JavaScript e CSS que bloqueiam a renderização do conteúdo na metade superior da página”.

Mostrar todos os CSS de /cache/autooptimise…css

Porém, ao acompanhar o vídeo, tenho mais de 11 arquivos CSS, como saber qual copiar para essa ferramenta?

Meu site é meu nome de usuário pontocom.

Ainda estou em amarelo/laranja para resultados na velocidade da página. Mais desses bugs móveis, com apenas o desktop marcando 62

Obrigado pela informação/ajuda, muito apreciado

Edit: Existem muitos arquivos CSS para revisar, este plugin pode mesclar todos eles em um para facilitar a configuração do acima? Eu estou finalmente nisso, porque você pode dizer que eu não sou técnico lol

Esta resposta foi modificada há 2 anos e 5 meses. Esta resposta foi modificada há 2 anos e 5 meses.

(@optimizingmatters)

2 anos, 5 meses atrás

Ok, eu tenho o plugin de cache mais rápido, porque você provavelmente não precisa de ambos.

não muito correto; você realmente precisa dos recursos de cache das páginas WPFC (ou outros plugins).

Porém, ao acompanhar o vídeo, tenho mais de 11 arquivos CSS, como saber qual copiar para essa ferramenta?

quando o AO estiver em execução, você provavelmente terá apenas 1-3 CSS restantes, e um deles será muito maior, use o conteúdo desse 🙂

Esta resposta foi modificada há 2 anos e 5 meses. Razão: adicionar uma declaração à necessidade de cache da página

(@tinkertravels)

2 anos, 5 meses atrás

Ok, reative isso e apenas minifique HTML, CSS e JS.

Eu segui o vídeo acima e cheguei ao primeiro grande arquivo CSS principal (de 11). Como resultado:

Aproximadamente 61% do conteúdo pré-retorno em sua página pode ser fornecido.

Eu continuo reclamando dos meus estilos de tema, eu recebo estilos AVADA.

Terei que seguir o mesmo processo para os outros 10 arquivos CSS? Como há apenas um arquivo CSS no topo de todos os vídeos que vi, tenho 11?

Obrigado

Edit: jogue mais erros agora

Sua página requer viagens de ida e volta de rede adicionais para veicular o conteúdo acima. Para obter o melhor desempenho, reduza a quantidade de HTML necessária para fornecer conteúdo na metade superior da página.

Foram necessários 116,6 KB da resposta HTML para fornecer o conteúdo incluído acima. Isso requer 4 viagens de ida e volta para a rede. Priorize o conteúdo previamente agrupado para que possa ser processado apenas com as 3 primeiras rodadas de HTML.

Esta resposta foi modificada há 2 anos e 5 meses.

(@optimizingmatters)

2 anos, 5 meses atrás

Entendo, você tem um número excepcionalmente alto de arquivos CSS AO’ed porque o CSS original tem atributos de mídia diferentes. sua melhor aposta é tentar outra ferramenta CSS crítica (veja o FAQ para outros links), uma ferramenta que não requer que você copie/cole o CSS original. Eu prefiro criticcss.com, mas essa é uma solução paga.

(@tinkertravels)

2 anos, 5 meses atrás

Não me importo de pagar se funcionar.

Como é que existem tantos arquivos CSS e não apenas um que combina todos eles?

Quando executo as informações da página, diz que a otimização da dobra funcionou.

(@tinkertravels)

2 anos, 5 meses atrás

captura de tela aqui:

(@optimizingmatters)

2 anos, 5 meses atrás

Quando executo as informações da página, diz que a otimização da dobra funcionou.

bem, se o Google está feliz, quem sou eu para reclamar? ?

(@tinkertravels)

2 anos, 5 meses atrás

Obrigado por sua ajuda novamente.

Uma última coisa, notei quando altero as configurações dentro dos meus temas de configuração do AVADA, ou seja: eu desligo a fonte muito bem. Então eu volto a ele mais tarde e todas as configurações que alterei estão de volta. Acho que é um problema de depósito.

Esta correção está correta para:

Excluir CSS do Autoptimize: wp-content/cache/, wp-content/uploads/, admin-bar.min.css, dashicons.min.css

^ Eles deveriam estar lá ou deveriam ser brancos?

(@optimizingmatters)

2 anos, 5 meses atrás

Uma última coisa, notei quando altero as configurações dentro dos meus temas de configuração do AVADA, ou seja: eu desligo a fonte muito bem. Então eu volto a ele mais tarde e todas as configurações que alterei estão de volta. Acho que é um problema de depósito.

verifique com seu pôster, pode ser um problema com o cache de banco de dados/objetos, por exemplo, redis ou memcached

Esta correção está correta para:

Excluir CSS do Autoptimize: wp-content/cache/, wp-content/uploads/, admin-bar.min.css, dashicons.min.css

^ Eles deveriam estar lá ou deveriam ser brancos?

esses são os padrões, mas você pode brincar com eles se quiser

(@tinkertravels)

2 anos, 5 meses atrás

Desculpe novamente, não sei o que está acontecendo aqui, mas agora tenho mais de 9 arquivos que dizem:

Remove o bloqueio de renderização de JavaScript e CSS no conteúdo na metade superior da página.

Eu não fiz nada diferente, alguma opinião sobre isso?

nome de usuário ponto com

Tudo dentro: cache / autooptimize / css /… autooptimize_1a994456dc5ce176f19d107b0b13a59e.css

Espero que você possa ajudar, nada técnico, está me estressando.

Esta resposta foi modificada 2 anos, 5 meses atrás.

(@optimizingmatters)

2 anos, 5 meses atrás

Eu não fiz nada diferente, alguma idéia para isso?

Bem, as informações do Google Pagespeed são uma caixa preta e os resultados nem sempre são consistentes. Você precisará revisitar a geração crítica de CSS com outra ferramenta.

(@tinkertravels)

2 anos, 5 meses atrás

Eu tentei todos os outros e, por algum motivo, eles fazem minhas colunas de grade 2 em vez de 3, então nenhuma delas funciona.

Marquei a opção de inserir cada CSS inline, o que parece me dar uma pontuação melhor e para minimizar esse problema, não tenho certeza se é a coisa certa a fazer.

Isto foi útil?

0 / 0

Deixe uma resposta 0

O seu endereço de email não será publicado. Campos obrigatórios são marcados *