Ter problemas com JavaScript e CSS que bloqueiam a renderização em seu site WordPress pode ser frustrante. Esses problemas podem deixar seu site lento e afetar seu desempenho. Um site lento pode afastar visitantes e impactar suas classificações nos motores de busca.
Ao verificar seu site no Google PageSpeed Insights, você pode ver uma sugestão para eliminar esses recursos que bloqueiam a renderização. Infelizmente, a ferramenta não fornece instruções claras sobre como corrigir esse problema no WordPress.
A boa notícia é que existem ferramentas que podem tornar a correção de JavaScript e CSS que bloqueiam a renderização menos complicada do que parece. Você pode usar um plugin de cache como WP Rocket ou Autoptimize para otimizar seu site minificando e adiando scripts, o que reduz os tempos de carregamento e melhora as pontuações do PageSpeed.
Neste artigo, guiaremos você pelas etapas para resolver esses problemas em seu site WordPress.
O que são JavaScript e CSS que bloqueiam a renderização?
JavaScript e CSS que bloqueiam a renderização são arquivos que impedem um site de exibir uma página da web antes de carregar esses arquivos.
Todo site WordPress tem um tema e plugins que adicionam arquivos JavaScript e CSS ao front-end do seu site.
Esses scripts podem aumentar o tempo de carregamento da página do seu site, e também podem bloquear a renderização da página.
O navegador de um usuário terá que carregar esses scripts e CSS antes de carregar o restante do HTML na página. Isso significa que usuários com uma conexão mais lenta devem esperar alguns milissegundos a mais para ver a página.
Esses scripts e folhas de estilo são referidos como JavaScript e CSS que bloqueiam a renderização.
Proprietários de sites WordPress que estão tentando alcançar uma pontuação de 100 no Google PageSpeed precisarão corrigir esse problema para atingir essa pontuação perfeita.
O que é uma Pontuação Google PageSpeed?
Google PageSpeed Insights é uma ferramenta de teste de velocidade de site criada pelo Google para ajudar proprietários de sites a otimizar e testar seus sites. Esta ferramenta testa seu site em relação às diretrizes de velocidade do Google e oferece sugestões para melhorar o tempo de carregamento da sua página.
Ela mostra uma pontuação com base no número de auditorias que seu site passa.
A maioria dos sites obtém algo entre 50-70. No entanto, alguns proprietários de sites se sentem compelidos a alcançar 100 (a pontuação mais alta que uma página pode obter).
Você Realmente Precisa da Pontuação Perfeita “100” do Google PageSpeed?
O objetivo do Google PageSpeed Insights é fornecer diretrizes para melhorar a velocidade e o desempenho do seu site. Dito isso, você não é obrigado a seguir essas regras estritamente.
Lembre-se que a velocidade é apenas uma das muitas métricas de otimização para mecanismos de busca (SEO) de sites que ajudam o Google a determinar como classificar seu site. A velocidade é tão importante porque melhora a experiência do usuário no seu site.
Uma experiência de usuário melhor requer muito mais do que apenas velocidade. Você também precisa oferecer informações úteis, uma interface de usuário melhor e conteúdo envolvente com texto, imagens e vídeos.
Então, seu objetivo deve ser criar um site rápido que ofereça uma ótima experiência ao usuário.
Recomendamos que você use as regras do Google PageSpeed como sugestões. Se você puder implementá-las facilmente sem prejudicar a experiência do usuário, ótimo. Caso contrário, você deve tentar fazer o máximo que puder e, em seguida, não se preocupar com o resto.
Com isso em mente, daremos uma olhada no que você pode fazer para corrigir JavaScript e CSS que bloqueiam a renderização no WordPress. Cobriremos 2 métodos que eliminarão recursos de bloqueio de renderização no WordPress. Você pode escolher o que funciona melhor para o seu site:
- Método 1: Corrigir Scripts e CSS que Bloqueiam a Renderização com WP Rocket
- Método 2: Corrigir Scripts e CSS que Bloqueiam a Renderização com Autoptimize
- O que fazer se JavaScript e CSS que bloqueiam a renderização ainda existirem
Vamos mergulhar e fazer seu site funcionar sem problemas!
Método 1: Corrigir Scripts e CSS que Bloqueiam a Renderização com WP Rocket
Para este método, usaremos o plugin WP Rocket.
É o melhor plugin de cache e otimização para WordPress do mercado, e permite que você melhore rapidamente o desempenho do seu site sem nenhuma habilidade técnica ou configuração complicada.
Primeiro, você precisa instalar e ativar o plugin WP Rocket. Para mais detalhes, você pode ver nosso guia passo a passo sobre como instalar um plugin WordPress.
O WP Rocket funciona imediatamente: ele ativará o cache com configurações ideais para o seu site. Você pode aprender mais sobre isso em nosso guia completo sobre como instalar e configurar corretamente o WP Rocket no WordPress.
Por padrão, ele não ativa o JavaScript e as opções de otimização de CSS. Essas otimizações podem afetar a aparência do seu site ou alguns recursos, por isso o plugin permite que você ative essas configurações opcionalmente.
Para fazer isso, você precisa visitar a página Configurações » WP Rocket e mudar para a aba ‘Otimização de Arquivos’.
A partir daqui, basta rolar até a seção ‘Arquivos CSS’ e marcar as caixas ao lado de ‘Minificar CSS’, ‘Combinar Arquivos CSS’ e ‘Otimizar Entrega de CSS’.
Para a configuração ‘Otimizar Entrega de CSS’, o WP Rocket recomenda escolher o método de ‘Remover CSS Não Utilizado‘.
Além de oferecer o melhor desempenho, ele pode ajudar a reduzir o tamanho da página e as requisições HTTP.
Observação: O plugin de cache WP Rocket tentará minificar todos os seus arquivos CSS, combiná-los e carregar apenas o CSS necessário para a parte visível do seu site.
Isso pode afetar a aparência do seu site, portanto, você precisa testar seu site em vários dispositivos e tamanhos de tela minuciosamente.
Em seguida, você precisa rolar até a seção ‘Arquivos JavaScript’.
A partir daqui, você pode marcar todas as opções para obter o máximo de melhoria de desempenho.
Você pode minificar e combinar arquivos JavaScript como fez para CSS.
Você também pode impedir que o WordPress carregue o arquivo jQuery Migrate. Este script é carregado para fornecer compatibilidade para plugins e temas que usam versões antigas do jQuery.
A maioria dos sites não precisa deste arquivo, mas você ainda vai querer verificar seu site para ter certeza de que removê-lo não afeta seu tema ou plugins.
Em seguida, vamos rolar um pouco mais para baixo e marcar as caixas ao lado das opções ‘Carregar JavaScript Deferido’ e ‘Modo Seguro para jQuery’.
Essas opções atrasam o carregamento de JavaScripts não essenciais, e o modo seguro do jQuery permite carregar o jQuery para temas que podem usá-lo inline. Você pode deixar essa opção desmarcada se tiver certeza de que seu tema não usa jQuery inline em nenhum lugar.
Não se esqueça de clicar no botão ‘Salvar Alterações’ para armazenar suas configurações.
Depois disso, você também pode querer limpar o cache no WP Rocket antes de testar seu site novamente com o Google PageSpeed Insights.
Em nosso site de teste, conseguimos atingir uma pontuação de 100% em dispositivos desktop, e o problema de renderização bloqueante foi resolvido nas pontuações de mobile e desktop.
Método 2: Corrigir Scripts e CSS que Bloqueiam a Renderização com Autoptimize
Para este método, usaremos um plugin separado feito especificamente para melhorar a entrega dos arquivos CSS e JS do seu site. Embora este plugin resolva o problema, ele não possui os outros recursos poderosos que o WP Rocket tem.
A primeira coisa que você precisa fazer é instalar e ativar o Autoptimize, um plugin gratuito para acelerar o desempenho do site. Se precisar de ajuda, sinta-se à vontade para consultar nosso guia passo a passo sobre como instalar um plugin do WordPress.
Após a ativação, você precisa ir para Configurações » Autoptimize para configurar as opções do plugin.
Primeiro, vamos marcar a caixa ao lado de ‘Otimizar Código JavaScript’ no bloco ‘Opções de JavaScript’. Aqui, você precisará garantir que a opção ‘Agregar arquivos JS’ esteja desmarcada.
Em seguida, você vai querer rolar para baixo até a caixa ‘Opções de CSS’ e marcar a opção ‘Otimizar Código CSS’.
Simplesmente certifique-se de que a opção ‘Agregar arquivos CSS’ esteja desmarcada.
Agora você pode clicar no botão ‘Salvar Alterações e Esvaziar Cache’ para armazenar suas configurações.
Vá em frente e teste seu site com a ferramenta PageSpeed Insights. Com essas configurações básicas, corrigimos com sucesso o problema de renderização bloqueada em nosso site de demonstração.
Se ainda houver scripts de renderização bloqueada, você pode voltar à página de configurações do plugin e revisar as opções de JavaScript e CSS.
Por exemplo, você pode permitir que o plugin inclua JS inline e remova scripts que são excluídos por padrão, como seal.js ou jquery.js. Em seguida, basta clicar no botão ‘Salvar alterações e Esvaziar Cache’ para salvar suas alterações e esvaziar o cache do plugin.
Assim que terminar, vá em frente e verifique seu site novamente com a ferramenta PageSpeed Insights.
Como o Autoptimize Funciona?
O Autoptimize agrega todo o JavaScript e CSS enfileirados. Depois disso, ele cria arquivos CSS e JavaScript minificados e serve cópias em cache para o seu site de forma assíncrona ou adiada.
Isso permite que você corrija o problema de scripts e estilos que bloqueiam a renderização. No entanto, lembre-se de que isso também pode afetar o desempenho ou a aparência do seu site.
O que fazer se JavaScript e CSS que bloqueiam a renderização ainda existirem
Dependendo de como os plugins e o seu tema WordPress usam JavaScript e CSS, pode ser difícil corrigir completamente todos os problemas de JavaScript e CSS que bloqueiam a renderização.
Embora as ferramentas acima possam ajudar, seus plugins podem precisar de certos scripts para funcionar corretamente em um nível de prioridade diferente. Nesse caso, as soluções acima podem quebrar a funcionalidade de tais plugins ou fazer com que eles se comportem inesperadamente.
Em vez de eliminar completamente os problemas de bloqueio de renderização, recomendamos abordagens alternativas para acelerar seu site. Por exemplo, você pode usar um serviço de CDN para servir seus arquivos JavaScript e CSS estáticos e reduzir o tempo de carregamento.
Você pode ler nosso guia definitivo para aumentar a velocidade e o desempenho do WordPress para mais informações.
Esperamos que este artigo tenha ajudado você a aprender como corrigir JavaScript e CSS que bloqueiam a renderização no WordPress. Você também pode querer ver nosso artigo sobre como corrigir facilmente o erro 'Este site não pode ser alcançado' e nossa lista especializada dos erros mais comuns do WordPress e como corrigi-los.
Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.
Jiří Vaněk
Eu uso autoptimize e também wp-rocket. Isso me ajudou tremendamente. No entanto, é necessário ter muito cuidado com algumas alterações. Uma configuração e todo o site podem parar de funcionar corretamente imediatamente.
Amina
Olá, seu site e dicas têm sido realmente úteis. Obrigado wpbeginner!
Meu AMP diz que o script JavaScript personalizado não é permitido. Tentei usar e segui suas instruções para autoptimize, mas não resolveu o problema. O amp mostra que o erro está na linha 12:10 e 18:2.
WPBeginner Support
Ficamos felizes que nosso artigo tenha sido útil. Para perguntas específicas sobre AMP como essa, recomendamos entrar em contato com o suporte da AMP, e eles deverão ser capazes de ajudar.
Admin
Fahad Khan
Olá,
Existe alguma outra maneira de fazer isso, exceto wp rocket e autopitmize?
WPBeginner Support
Provavelmente existem outras ferramentas, mas estas são as atuais que recomendamos para iniciantes.
Admin
Rizz
Para usuários do W3 Total Cache
Não adicione o script jQuery (/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp). Ele funcionará, caso contrário, seu site não carregará corretamente.
O CSS não apresentará nenhum erro.
Se o Revolution Slider apresentar um erro depois disso -> vá para as configurações globais do revslider e ative a opção Inserir scripts no rodapé.
WPBeginner Support
Obrigado por compartilhar algumas recomendações que você encontrou ao editar seu site.
Admin
Muhammad Farhan
Não me lembro de ter me encontrado em uma posição difícil, você está sempre lá para me ajudar quando ninguém mais está por perto, não conheço um site melhor de guia para WordPress do que o wpbeginners, muito obrigado
WPBeginner Support
Glad our guides continue to be helpful to you
Admin
Lu
Ótimas informações como sempre!
Eu uso o Siteground, então tenho o SG Optimizer no meu site. Eu revisei as configurações o máximo que entendo, mas ainda recebo a mensagem Eliminar recursos que bloqueiam a renderização.
Posso usar o Autoptimize também, ou ele vai conflitar com o SG? Obrigado
WPBeginner Support
You should be able to use Autoptimize with SG Optimizer but if you have any concerns if you reach out to the plugin’s support they should be able to let you know if there are currently any conflicts between the two
Admin
subin
como posso corrigir JavaScript e CSS que bloqueiam a renderização no WordPress sem um plugin.
WPBeginner Support
Você precisaria percorrer o código manualmente e definir os arquivos CSS e JS para carregar após o conteúdo ser adicionado à página.
Admin
Ben
Obrigado por isso! O Autoptimize acabou de me ajudar a obter uma pontuação de página melhor!
Ben
WPBeginner Support
You’re welcome, glad our recommendation could help
Admin
MoneyManch
Olá Equipe WP Beginner,
Muito obrigado por compartilhar um artigo tão útil. O Autoptimize é um plugin incrível.
Eu estava procurando um plugin para aumentar a velocidade do meu blog WordPress. Depois de ler este post, instalei e ativei o “Autoptimize” no meu blog. E para minha surpresa, ele aumentou a velocidade do meu blog de 39 para 61 para mobile e de 76 para 95 para desktop, verificado no PageSpeed Insights.
Obrigado mais uma vez por guiar novos blogueiros como eu.
WPBeginner Support
Glad our recommendation could be helpful
Admin
sachin
Como identificar o URL do script e o URL do CSS?
WPBeginner Support
Se você usar o Google Page Insights, haverá uma seta suspensa que mostrará os URLs que estão causando o problema, com um link 'saiba mais' sobre como encontrar o URL sem a ferramenta deles.
Admin
Raksh
A nova ferramenta Google PageSpeed Insights não está mostrando o link, o que devo fazer.
WPBeginner Support
There should be a dropdown arrow and when you click that it should show the links to the files
Admin
Monika
Não tenho certeza de quantas vezes este site me ajudou!!! Muito OBRIGADO!
Mr Jatt Poonam
como posso otimizar imagens que adicionei ao meu site no passado?
Love Goel
Valeu cara, realmente aprecio seu tutorial. Usei o plugin Autoptimize e funcionou muito bem para mim.
Deeksha
Quando eu uso todos esses plugins, de repente meu site fica lento e mostra conteúdo inadequado...
O que posso fazer?? Por favor, ajude
WPBeginner Support
Olá Deeksha,
Ambos os plugins são bastante seguros. Se você está vendo conteúdo inadequado em seu site, certifique-se de que seu site não foi hackeado. Você pode desativar ambos os plugins a qualquer momento.
Admin
sumit kumar gupta
Senhor, quando instalamos o plugin Autoptimize em nosso blog WordPress, nosso blog não abre, diz que esta página não está funcionando. O que devo fazer, Senhor?
Senhor, gostaria de saber se, ao adicionar um link JavaScript para eliminar o código que bloqueia a renderização, seguindo seus passos, ocorre algum efeito no ranking do meu blog. Por favor, ajude.
Tim Helmer
Sumit:
O plugin não está funcionando, então você precisa renomear a pasta do plugin para desativá-lo. Você precisa de FTP ou um plugin de gerenciamento de arquivos. Você consegue acessar o painel através do seu local wp-login.php? Como domain/wp-login.php
Henry Ramirez
Eu uso wordpress.com, algum plugin para fazer a mesma coisa aqui no wordpress.com, já que esses plugins não são suportados aqui? Obrigado
ben
O Autoptimize funciona para mim. Ele condensa bem meus scripts, mas ainda vejo o aviso de script que bloqueia a renderização.
Ismail
Olá,
Atualmente estou usando o WP Rocket, é possível usar o plugin Autoptimize junto? Obrigado por compartilhar essas informações valiosas.
Gaurav Areng Chakraverti
Olá. Eu tentei o método W3 e assim que ativo o Minify (usando Disco) recebo isto:
Erro fatal: Desconhecido: Não é possível usar o buffer de saída em manipuladores de exibição de buffer de saída em Desconhecido na linha 0
Como se conserta isso?
Ótimo tutorial no geral! Obrigado por isso.
Gaurav Areng Chakraverti
EDIT: This problem goes away when I deactivate Autoptimize, however, so does the rest of the site. Only the bare bones remain with no actual content.
David
As configurações do Autoptimize mudaram. As únicas Opções de JavaScript disponíveis são Otimizar Código JavaScript? As outras opções na sua captura de tela não estão disponíveis, pelo menos não na que eu tenho. Da última vez que tentei o W3 Total Cache, ninguém conseguia acessar o site. Ainda estou procurando uma maneira de resolver o tempo de carregamento da página, que por algum motivo fica entre 10 e 17 segundos.
Chris
David, experimente a ferramenta de velocidade da web Gmetrix. Na lista de resultados, há um gráfico em cascata mostrando como o site carrega e quais são os maiores arquivos e scripts que estão diminuindo o carregamento da página.
Eu acho que os scripts mais lentos são os scripts de CDN do Google, como as fontes do Google! A mesma empresa que insiste, forçando os usuários a suas exigências, tem scripts que levam uma eternidade para carregar. Você não inventaria isso.
Divij
Você pode usar minify no w3 total cache simultaneamente com o cloudflare? Estamos usando minify no cloudflare e o deixamos desativado no w3cache. Mas ainda recebemos a mensagem - Eliminar JavaScript e CSS que bloqueiam a renderização no conteúdo acima da dobra.
Obrigado!
Rana Jayant
A interface do plugin 23 cache foi alterada e não há nenhuma opção onde possamos colocar nossa URL de .js para otimização.
Estou falando sobre “Agora vá para sua área de administração do WordPress e acesse a página Performance » Minify.”
MATTY
Ótimo tutorial. No entanto, o W3 Total cache é seguro para usar agora devido a um problema no início do ano? Parei de usá-lo desde então, mas era o melhor plugin disponível.
Mohamed
Obrigado por compartilhar este artigo, mas você disse (por favor, tenha em mente que isso também pode afetar o desempenho ou a aparência do seu site)
Por favor, esclareça se este efeito será bom ou ruim para o ranking do site no Google?
WPBeginner Support
Olá Mohamed,
Um site mais rápido é certamente bom para os rankings de SEO. No entanto, ao corrigir problemas de renderização, você pode acabar alterando a aparência do seu tema ou obter uma pontuação de velocidade de página ainda menor do que antes.
Admin
Angie
Ha, engraçado.
Eu estava procurando ajuda aqui.
Então eu fiz a ferramenta de velocidade do Google para o SEU post aqui.
Resultado do Google
Móvel Ruim
54 / 100
Desktop
Precisa de Melhorias
66 / 100
Você tem alguma ideia?
WPBeginner Support
Oi Angie,
Muitas vezes as pessoas ficam obcecadas em obter um 100 perfeito com o Google PageSpeed, o que é quase impossível para a maioria dos sites funcionais. Se você tiver qualquer tipo de botão de mídia social, scripts de retargeting ou anúncios, seu site nunca obterá uma pontuação perfeita.
As chances são de que você estará longe disso. Mas é por isso que você tem outras ferramentas como o Pingdom para verificar seus resultados de velocidade.
Por exemplo: a página inicial do WPBeginner.com carrega em 508 ms (o que é incrivelmente rápido) –
https://www.wpbeginner.com/wp-content/uploads/2017/11/screenshot1.png
Mas tem uma pontuação do Google Pagespeed de 74 no desktop (o que aqueles que não sabem melhor considerarão ruim). –
https://www.wpbeginner.com/wp-content/uploads/2017/11/screenshot2.png
Se você olhar todos os sites populares como ESPN, NYTimes, TechCrunch, etc., notará que nenhum deles tem uma pontuação perfeita... na verdade, longe disso.
Aqui está um exemplo da pontuação da ESPN – 62 no desktop –
https://www.wpbeginner.com/wp-content/uploads/2017/11/screenshot3.png
Aqui está um exemplo do NYTimes – 68 no desktop –
https://www.wpbeginner.com/wp-content/uploads/2017/11/screenshot4.png
Aqui está um exemplo do TechCrunch – 49 no desktop –
https://www.wpbeginner.com/wp-content/uploads/2017/11/screenshot5.png
Nosso conselho é focar em tornar seu site o mais rápido possível, seguindo nosso guia sobre como acelerar o WordPress e usar ferramentas como o Pingdom como ponto de referência para o que seus usuários verão ao carregar seu site.
Admin
Kat
Isso na verdade piorou meu render blocking. Como podemos removê-lo?
Chris Daly
Toda vez que uso Autoptimize ou W# Total Cache, meu site explode. A visualização da web móvel é destruída em uma lista de menus html e partes do site param de funcionar. Tentei cada um deles em 4 sites diferentes e desisti de ambos.
Chris
Chris, sugiro que você leia e siga o aviso do W3 Cache na seção de minificação. Minifique apenas HTML e CSS e, novamente, cuidado, nem todo CSS deve ser minificado devido às razões declaradas na postagem acima.
Eu uso o W3 Cache seletivamente, tinyjpg para otimização de imagens e configuro o OpCache no arquivo .htaccess. Templaters adoram usar Sliders… mas eles incham a página com imagens com largura de tela de 1920px. Descarte os sliders, use imagens menores (com uma caixa modal se mais detalhes forem necessários) e ícones em vez disso.
Mary Cahalane
Acabei de instalar e quebrou minha página inicial. Todas as imagens sumiram.
Alguma ideia de como consertar isso?
Bruno Ayres Martinez
Olá pessoal! Adorei o tutorial do W3. Só falta uma informação: A Localização de Incorporação para o Gerenciamento de Arquivos JS.
É "Incorporar antes do Corpo"? Ou "incorporar no Cabeçalho"? Ou "Incorporar depois do Corpo"?
Dev thapa
Sou novo em Blogging, no entanto, tenho acompanhado o Wpbeginner.com há algum tempo e tudo o que eles escrevem achei muito útil e não hesito em dizer que, se hoje a minha página do blog está no ar… 30% do crédito vai para a equipe do Wpbeginner.com e para Sayed Balkhi por criar uma página tão maravilhosa e útil.
Sou grato ao Wpbeginner.
Continuem assim, tudo de bom.
WPBeginner Support
Oi Dev,
Thanks you for the kind words. We are glad you find WPBeginner helpful
Admin
steve
Acabei de colocar este site no teste de velocidade de página do Google e obtive apenas 66 para mobile e 77 para desktop!?
Digember
Plugins aumentam a carga em nosso site, o que o torna lento. No wpbeginner, não vi um único método de otimização de velocidade sem o uso de plugins. Nos ensine algo útil, esses métodos não funcionam para todos.
Patricia Lynn
Ótimas informações detalhadas sobre o uso do plugin Autoptimize lidando com Java-scrip, CSS e o plugin w3 Total Cashe para corrigir render blocking enquanto aprimora o desempenho de velocidade do site
Sumit yadav
Muito obrigado por esta informação. Anteriormente, o tempo de carregamento da minha página era de 63 e, após instalar o plugin Autoptimize, ele aumentou para 81.
Yoseph
Não tenho muita certeza do que aconteceu, instalei o autoptimize em um dos meus sites, então o tamanho da página aumentou de 2,8 MB para 4 MB
Shaye
EITA! Isso fez com que o desempenho do meu site caísse drasticamente! Ajuda!
Erez Elias
Obrigado por compartilhar.
No geral, a velocidade do site aumentou muito pouco. Mas o problema com o bloqueio de renderização não foi resolvido.
Comente se tiver outras sugestões.
obrigado.
almbrouk idris
Estou tentando chegar a 100%, mas é impossível
John Bolhano
Estou tentando chegar a mais de 70%, mas ainda não cheguei perto.
Mayank
Haha, ótimo, o Google é péssimo, mas afinal estou com mais de 80+
David
Consegui que 3 novos sites ficassem com quase 500 ms, mais rápido que 96% dos sites no Pingdom. Semelhante para outros testadores de velocidade.
Pensei que era ótimo, até que o Google me trouxe de volta à realidade com suas insights de página. Principalmente baixa pontuação para mobile, mas pensei que esses temas modernos deveriam ser responsivos? Obviamente não!
Eu comprimi cada imagem ao máximo antes de fazer o upload também, então é frustrante.
Além disso, nenhum dos aplicativos funciona para mim com Browser Cache, etc.
Eu diria que os mesmos três problemas que tenho – depois que o básico é feito – são:
1. JavaScript bloqueando a renderização.
2. Cache do navegador.
3. Imagens com tamanho errado para celular.
Muthukrishnan
Eu usei todos os plugins.. Mas a velocidade da página ainda está ruim.
Michael
Estou um pouco confuso. Acabei de fazer um teste de velocidade do Google no wpbeginner e ele não pontuou bem. O que estou perdendo?
Yasser
Meu site é um site RTL depois que salvei as configurações do plugin "Autoptimize", meu site virou LTR!
Manohar Rao
Tanto o plugin Autoptimize quanto o W3 Total cache danificaram meu site. Esses plugins funcionam apenas com temas específicos. É preciso ter muito cuidado ao usar esses dois plugins.
Toby Forage
Quando instalei o Autoptimize, como sugerido neste artigo, ele estragou completamente meu site. Talvez eu o tenha configurado errado, mas depois de removê-lo completamente, alcancei uma pontuação de 92 no Google PageSpeed para desktop. O mobile está em 67, então estou trabalhando para melhorar isso, mas não usarei o Autoptimize novamente, com certeza!
Nik
Thanks. It works for my blog.
Fued
Olá WP beginner,
Artigo muito útil!
Obrigado!
Apenas uma pergunta aleatória?
Posso reverter o modo minificado de manual para automático e excluir os arquivos minificados sem danos? E o que você recomenda: manual ou automático?
Abraços
Mayank
Apenas faça automático
Nirmal Kumar
Ambos os métodos não funcionaram. Existe alguma outra maneira melhor de fazer isso?
ibraheem Warriach
Oi, gostei do artigo, mas não estou vendo a opção de adicionar scripts no plugin W3 Total cache, por favor, me diga como consigo isso?
MASI
Muito obrigado pelo seu ótimo artigo, ele realmente me ajudou.
Só tenho um pequeno problema, estou confuso agora!
Adicionei todos os .js e .css manualmente no W3TC, mas ainda um .css tem problema no verificador de página do Google:
Considerar Corrigir:
Nenhum do conteúdo acima da dobra da sua página pôde ser renderizado sem esperar que os seguintes recursos carregassem. Tente adiar ou carregar de forma assíncrona recursos de bloqueio, ou incorpore as partes críticas desses recursos diretamente no HTML.
Otimizar a Entrega de CSS do seguinte:
26952.default.include.c9d602.css está disponível atualmente na lista .css, mas vejo este erro. Como posso corrigir este problema?
Christian
Não vejo a opção de “Adicionar uma folha de estilo”, alguma ideia do porquê?