Como resultado, uma se\u00e7\u00e3o de coment\u00e1rios ocupada pode adicionar uma carga significativa ao servidor web, aumentar o tamanho geral da p\u00e1gina, aumentar o n\u00famero de solicita\u00e7\u00f5es HTTP<\/a> necess\u00e1rias e adicionar recursos adicionais de JavaScript para os navegadores. Quer voc\u00ea esteja usando coment\u00e1rios nativos do WordPress ou tenha conectado um sistema decoment\u00e1rios<\/a> de terceiros, como Disqus ou Coment\u00e1rios do Facebook, os coment\u00e1rios podem ser um arrasto na velocidade do seu site, e voc\u00ea deve fazer disso uma prioridade para otimizar o desempenho da se\u00e7\u00e3o de coment\u00e1rios do seu site. A prop\u00f3sito, se voc\u00ea estiver tendo problemas com spam de coment\u00e1rios, certifique-se de ler nosso guia detalhado sobre o t\u00f3pico Como Parar Coment\u00e1rios de Spam do WordPress<\/a>.<\/p>\n Se voc\u00ea achar que a se\u00e7\u00e3o de coment\u00e1rios est\u00e1 diminuindo a velocidade do carregamento de seus artigos mais populares no blog, voc\u00ea pode fazer algumas coisas:<\/p>\n Vamos considerar cada estrat\u00e9gia independentemente para que voc\u00ea possa descobrir qual \u00e9 a melhor para o seu site.<\/p>\n H\u00e1 duas coisas que voc\u00ea pode fazer para acelerar as p\u00e1ginas web que foram carregadas com uma montanha de coment\u00e1rios nativos do WordPress: limitar o n\u00famero de coment\u00e1rios que s\u00e3o carregados inicialmente e usar avatares hospedados localmente. Vejamos cada op\u00e7\u00e3o por sua vez.<\/p>\n Por padr\u00e3o, o WordPress \u00e9 configurado para carregar todos os seus coment\u00e1rios com o carregamento inicial da p\u00e1gina. Entretanto, carregar dezenas ou mesmo centenas de coment\u00e1rios, cada um incluindo um avatar \u00fanico, pode realmente aumentar sua p\u00e1gina e criar muitas solicita\u00e7\u00f5es HTTP adicionais.<\/p>\n Voc\u00ea pode reduzir muito facilmente o n\u00famero de coment\u00e1rios carregados com o carregamento inicial de p\u00e1ginas.<\/p>\n Depois de passar por essas etapas, o n\u00famero de coment\u00e1rios que voc\u00ea especificou ser\u00e1 exibido com o carregamento inicial da p\u00e1gina.<\/p>\n WordPress tem suporte integrado para Gravatar<\/a>. Isto significa que qualquer usu\u00e1rio com uma conta Gravatar ter\u00e1 sua imagem personalizada adicionada como um avatar quando comentar em um blog usando o sistema nativo de coment\u00e1rios do WordPress. Isto adiciona um bom elemento personalizado \u00e0 se\u00e7\u00e3o de coment\u00e1rios, mas tem um custo consider\u00e1vel. Quando os coment\u00e1rios do WordPress s\u00e3o carregados, cada Gravatar exclusivo requer uma solicita\u00e7\u00e3o HTTP. Portanto, se uma p\u00e1gina for carregada com coment\u00e1rios de 50 comentadores diferentes, 50 solicita\u00e7\u00f5es HTTP ser\u00e3o necess\u00e1rias para fazer o download de todos esses Gravatares. Como voc\u00ea pode imaginar, isto pode ter um impacto consider\u00e1vel<\/a> na velocidade da p\u00e1gina.<\/p>\n Se voc\u00ea decidir que o Gravatars n\u00e3o vale a pena os pedidos HTTP adicionados, voc\u00ea pode ter duas op\u00e7\u00f5es. Primeiro, voc\u00ea pode desativar os Avatares por completo indo em Settings > Discussion<\/strong>, encontrando a se\u00e7\u00e3o Avatars<\/strong>, e desmarcando a caixa para Show Avatars<\/strong>.<\/p>\n Se voc\u00ea n\u00e3o quiser tomar uma medida t\u00e3o dr\u00e1stica, outra op\u00e7\u00e3o \u00e9 mudar para avatares hospedados localmente. Para fazer isso, instale o plugin WP User Avatar<\/a>. Uma vez conclu\u00edda a instala\u00e7\u00e3o, v\u00e1 para Avatars > Settings <\/strong>e selecione a caixa de sele\u00e7\u00e3o para Desabilitar Disable Gravatar and use only local avatars<\/strong>. <\/strong>Se voc\u00ea n\u00e3o gostar do avatar padr\u00e3o inclu\u00eddo com o WP User Avatar, h\u00e1 uma imagem de usu\u00e1rio misteriosa neste tutorial sobre o uso de avatares hospedados localmente<\/a> que voc\u00ea pode carregar e usar como o avatar padr\u00e3o.<\/p>\n Tenha em mente que ap\u00f3s fazer esta mudan\u00e7a todos os coment\u00e1rios ser\u00e3o exibidos com o avatar padr\u00e3o a menos que os usu\u00e1rios se registrem em seu site e carreguem um avatar personalizado.<\/p>\n Sua op\u00e7\u00e3o final \u00e9 carregar seus Gravatars em seu pr\u00f3prio CDN<\/a>. Esta \u00e9 a abordagem que adotamos no blog Kinsta. \ud83e\udd13<\/p>\n Existem v\u00e1rias raz\u00f5es pelas quais voc\u00ea pode estar interessado em mudar para um sistema de coment\u00e1rios de terceiros. Primeiro, h\u00e1 que pensar na carga do servidor. Criar e carregar coment\u00e1rios \u00e9 um processo que consome muitos recursos. Se a se\u00e7\u00e3o de coment\u00e1rios do seu blog estiver realmente ocupada, ent\u00e3o o descarregamento desse trabalho para um sistema de coment\u00e1rios de terceiros ir\u00e1 tirar essa carga do servidor do seu site.<\/p>\n Al\u00e9m disso, os sistemas de terceiros oferecem uma experi\u00eancia de usu\u00e1rio<\/a> melhor do que o sistema nativo de coment\u00e1rios do WordPress. Eles tamb\u00e9m podem incentivar mais visitantes a comentar, uma vez que os visitantes que j\u00e1 possuem uma conta no sistema de terceiros podem comentar imediatamente sem ter que se registrar ou fornecer detalhes ao seu site.<\/p>\n Em alguns casos, todos esses benef\u00edcios se concretizam. No entanto, isso n\u00e3o \u00e9 universalmente verdade.<\/p>\n Nem todos gostam dos sistemas de coment\u00e1rios de terceiros<\/a> e outros se preocupam com os dados<\/a> que est\u00e3o sendo coletados nos bastidores. Al\u00e9m disso, a id\u00e9ia de queos sistemas de coment\u00e1rios de terceiros s\u00e3o mais r\u00e1pidos<\/a> que os coment\u00e1rios nativos do WordPress soa bem em teoria, mas as coisas n\u00e3o costumam funcionar dessa maneira na realidade.<\/p>\n Se voc\u00ea decidir usar um sistema de coment\u00e1rios de terceiros, fa\u00e7a porque voc\u00ea gosta da experi\u00eancia de usar esse sistema espec\u00edfico e porque est\u00e1 convencido de que os visitantes do seu site v\u00e3o gostar tanto quanto voc\u00ea. N\u00e3o mude para coment\u00e1rios de terceiros para uma melhoria de desempenho percebida que pode ser mais te\u00f3rica do que realista. Se voc\u00ea fizer pular para um sistema de terceiros, n\u00e3o deixe de considerar a implementa\u00e7\u00e3o da pr\u00f3xima estrat\u00e9gia tamb\u00e9m: lazy loading.<\/p>\n Quer voc\u00ea esteja usando coment\u00e1rios nativos do WordPress ou um sistema de terceiros, o Lazy Load de coment\u00e1rios \u00e9 uma t\u00e9cnica que quase certamente ir\u00e1 acelerar o tempo de carregamento da sua p\u00e1gina. Sistemas de coment\u00e1rios que s\u00e3o carregados em Lazy Load s\u00e3o removidos da renderiza\u00e7\u00e3o inicial da p\u00e1gina e carregados ou por JavaScript quando o visitante atinge um certo ponto na p\u00e1gina ou clicando em um bot\u00e3o que diz algo como “Ver Coment\u00e1rios”.<\/p>\n Se implementar o Lazy Load soa um pouco t\u00e9cnico de se implementar, \u00e9 porque \u00e9. Felizmente, n\u00e3o \u00e9 preciso descobrir isso. H\u00e1 plugins que voc\u00ea pode usar para carregar em Lazy Load o sistema de coment\u00e1rios que voc\u00ea escolheu.<\/p>\n A capacidade de carregar em lazy load os coment\u00e1rios que n\u00e3o est\u00e1 embutida no n\u00facleo do WordPress.n\u00e3o est\u00e1 embutida no n\u00facleo do WordPress. Entretanto, uma grande solu\u00e7\u00e3o leve e gratuita que recomendamos \u00e9 o plugin Lazy Load for Comments<\/a>.<\/p>\n O plugin est\u00e1 dispon\u00edvel a partir do diret\u00f3rio de plugins do WordPress. Portanto, voc\u00ea pode instal\u00e1-lo diretamente da \u00e1rea administrativa do WordPress. Isto reduzir\u00e1 o n\u00famero de solicita\u00e7\u00f5es HTTP ao carregar em lazy load todos os gravatars do WordPress. \u00c9 muito simples de configurar. Basta instalar e sob as configura\u00e7\u00f5es do Discussion, h\u00e1 duas op\u00e7\u00f5es. Por padr\u00e3o, ela est\u00e1 definida como “On Scroll”, que \u00e9 o que a maioria das pessoas provavelmente preferir\u00e1. Voc\u00ea tamb\u00e9m pode configur\u00e1-lo para “On Click”, que ir\u00e1 criar um bot\u00e3o para os visitantes clicarem antes de carregar os coment\u00e1rios.<\/p>\n Outra op\u00e7\u00e3o para a carregar coment\u00e1rios nativos em lazy load \u00e9 usando o plugin wpDiscuz<\/a>.<\/p>\n O plugin est\u00e1 dispon\u00edvel a partir do diret\u00f3rio de plugins do WordPress. Portanto, voc\u00ea pode instal\u00e1-lo diretamente da \u00e1rea administrativa do WordPress.<\/p>\n Agora, quando voc\u00ea visita qualquer p\u00e1gina com mais de dez coment\u00e1rios, apenas os primeiros dez coment\u00e1rios ser\u00e3o carregados. Coment\u00e1rios adicionais ser\u00e3o carregados automaticamente assim que voc\u00ea chegar ao final da se\u00e7\u00e3o de coment\u00e1rios.<\/p>\n Se voc\u00ea usa Disqus, \u00e9 bastante cr\u00edtico que voc\u00ea carregue em Lazy Load os coment\u00e1rios no Disqus. Se voc\u00ea n\u00e3o o fizer, Disqus pode ser um verdadeiro obst\u00e1culo para a velocidade de carregamento do seu site. Entretanto, carregar em Lazy Load os coment\u00e1rios no Disqus pode realmente acelerar seu site<\/a> quando comparado aos coment\u00e1rios nativos do WordPress.<\/p>\n Disqus Conditional Load<\/a> \u00e9 um plugin gratuito que voc\u00ea pode usar para carregar em Lazy Load os coment\u00e1rios no Disqus em seu site. Se voc\u00ea nunca usou Disqus antes, primeiro voc\u00ea precisar\u00e1 se cadastrar para obter uma conta e adicionar um novo site ao Disqus<\/a>. Depois de configurar seu site no Disqus, instale Disqus Conditional Load indo para Plugins > Add New<\/strong>, <\/strong>procurando por “Disqus Conditional Load” e selecionando Install Now<\/strong>.<\/strong><\/p>\n Uma vez conclu\u00edda a instala\u00e7\u00e3o, v\u00e1 para Comments > Disqus <\/strong>e selecione Upgrade<\/strong> para configurar seu banco de dados<\/a> para trabalhar com Disqus. Na tela seguinte, fa\u00e7a o login no Disqus usando seu nome de usu\u00e1rio e senha Disqus. A partir da tela seguinte, selecione o site Disqus que voc\u00ea adicionou apenas alguns minutos antes e selecione o bot\u00e3o Next.<\/strong> Ap\u00f3s completar a etapa final, Disqus ser\u00e1 instalada em seu site e configurado para ser carregado em Lazy Load quando os leitores chegarem \u00e0 se\u00e7\u00e3o de coment\u00e1rios do seu blog.<\/p>\n De fato, n\u00f3s usamos este plugin no blog Kinsta e o recomendamos altamente. Al\u00e9m de carregar em Lazy Load todas as imagens (avatares), ele tamb\u00e9m permite desativar o roteiro de contagem se voc\u00ea n\u00e3o o usar. Portanto, menos uma chamada JavaScript em seu site WordPress.<\/p>\n O mesmo desenvolvedor do plugin Disqus Conditional Load mencionado acima tamb\u00e9m criou um plugin gratuito para carregar em Lazy Load os coment\u00e1rios do Facebook em seu site WordPress. Os scripts do Facebook s\u00e3o conhecidos por obstruir um site, mesmo que os scripts sejam carregados de forma ass\u00edncrona.<\/p>\n\n
Estrat\u00e9gias para corrigir coment\u00e1rios de carregamento lento<\/h2>\n
\n
Otimizando os coment\u00e1rios do Native WordPress<\/h2>\n
Limite o n\u00famero de coment\u00e1rios exibidos<\/h3>\n
\n
![\"Configura\u00e7\u00f5es](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2016\/08\/other-comment-settings.png\" "\\"Comment")
Use avatares hospedados localmente ou em seu CDN<\/h3>\n
Use um sistema de coment\u00e1rios de terceiros<\/h2>\n
Lazy Load de coment\u00e1rios<\/h2>\n
Lazy Load para coment\u00e1rios nativos WordPress<\/h3>\n
![\"Carga](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2016\/08\/lazy-load-for-comments-wordpress-plugin.png\" "\\"Lazy")
<\/a>![\"Em](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2016\/08\/lazy-load-wordpress-comments-options.png\" "\\"On")
![\"wpDiscuz](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2016\/08\/wpdiscuz-wordpress-plugin.jpg\" "\\"wpDiscuz")
<\/a>\n
Lazy Load para coment\u00e1rios com Disqus<\/h3>\n
![\"Disqus](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2016\/08\/disqus-conditional-load-wordpress-plugin.jpg\" "\\"Disqus")
<\/a>Lazy Load para coment\u00e1rios do Facebook<\/h3>\n
![\"Plugin](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2016\/08\/lazy-load-facebook-comments.jpg\" "\\"Lazy")
<\/a>