{"id":1891,"date":"2017-01-12T12:13:51","date_gmt":"2017-01-12T14:13:51","guid":{"rendered":"https:\/\/blog.umbler.com\/?p=1891"},"modified":"2021-10-19T14:45:11","modified_gmt":"2021-10-19T17:45:11","slug":"desempenho-como-melhorar-performance-de-seu-site-wordpress","status":"publish","type":"post","link":"https:\/\/blog.umbler.com\/br\/desempenho-como-melhorar-performance-de-seu-site-wordpress\/","title":{"rendered":"Desempenho: como melhorar a performance de seu site WordPress"},"content":{"rendered":"<p>23,6 bilh\u00f5es de p\u00e1ginas visualizadas por 409 milh\u00f5es de pessoas todos os meses. 69,5 milh\u00f5es de novos posts acompanhados de 46,8 milh\u00f5es de novos coment\u00e1rios, tamb\u00e9m mensalmente. 75 milh\u00f5es de sites publicados (and counting) e combust\u00edvel para mais de 25% dos sites do mundo. Voc\u00ea j\u00e1 deve saber sobre o que estamos falando.<\/p>\n<p>\u00c9 muito prov\u00e1vel que voc\u00ea j\u00e1 tenha lido diversos outros artigos sobre performance, boas pr\u00e1ticas e muitos outros temas relacionados ao universo WordPress. E isso \u00e9 \u00f3timo! Mas, lembra daquele conselho de m\u00e3e, que voc\u00ea sempre reluta para considerar e que sempre era a melhor alternativa? Lembra do famoso \u201ceu avisei\u201d? Sabemos que ningu\u00e9m gosta de ouv\u00ed-lo, mas tente encar\u00e1-lo, nesse caso, como seu aliado. Considere pensar novamente sobre seu site WordPress.<br \/>\n<img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter wp-image-1893 size-full\" src=\"https:\/\/blog.umbler.com\/wp-content\/uploads\/2017\/01\/performance-wordpress.gif\" alt=\"\" width=\"300\" height=\"225\" \/><br \/>\nSe voc\u00ea possui uma p\u00e1gina (ou v\u00e1rias) rodando no CMS mais popular do mundo, \u00e9 poss\u00edvel que se sinta tentado a instalar diversos plugins, fazer in\u00fameras modifica\u00e7\u00f5es, publicar muito conte\u00fado (insira aqui outras diversas tarefas), afinal, estamos falando de uma plataforma consolidada, com in\u00fameros tutoriais dispon\u00edveis na internet e bastante simples de utilizar. Mas, n\u00e3o vamos condenar se voc\u00ea (assim como muitas outras pessoas!) acabar esquecendo que um dos pontos fracos do WordPress \u00e9 sua lentid\u00e3o &#8211; isso, claro, quando n\u00e3o se tomam os devidos cuidados.<\/p>\n<p>Fatores que parecem extremamente ben\u00e9ficos, como funcionalidades espec\u00edficas, grande quantidade de conte\u00fado e outros, podem acarretar em atitudes prejudiciais \u00e0 performance &#8211; e, claro, \u00e0 <a href=\"https:\/\/blog.umbler.com\/br\/seguranca-e-privacidade-no-atendimento-com-ia\/\">seguran\u00e7a<\/a> e muitos outros aspectos. Portanto, nossa ideia aqui \u00e9, como fizemos em nossa <a href=\"https:\/\/blog.umbler.com\/br\/3-como-aperfeicoar-a-velocidade-de-seu-site-banco-de-dados\/\" target=\"_blank\" rel=\"noopener noreferrer\">s\u00e9rie de posts sobre velocidade de sites<\/a>: refor\u00e7ar pr\u00e1ticas que s\u00e3o consideradas importantes para a boa performance de sua p\u00e1gina, desta vez WordPress. Afinal, voc\u00ea, mais do que ningu\u00e9m, sabe a import\u00e2ncia de manter um site r\u00e1pido, que entregue as informa\u00e7\u00f5es necess\u00e1rias, esteja bem ranqueado e que satisfa\u00e7a seu p\u00fablico.<\/p>\n<p>Plugins, m\u00e3o no c\u00f3digo, alguns cliques. S\u00e3o muitas as formas de tornar seu site WordPress ainda mais usual.<\/p>\n<div class=\"alert alert-info\"><strong>Para come\u00e7ar:<\/strong> que tal testar a velocidade de carregamento do seu site? Recomendamos <a href=\"https:\/\/tools.pingdom.com\/\">as ferramentas Pingdom<\/a> e <a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/?hl=pt-BR\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">PageSpeed Insights<\/a>. Voc\u00ea tamb\u00e9m pode utilizar a <strong>fun\u00e7\u00e3o F12<\/strong>, no Chrome, onde tem acesso a an\u00e1lise e depura\u00e7\u00e3o de c\u00f3digo HTML e JavaScript.<\/div>\n<p>Ao verificar a velocidade de carregamento de seu site, \u00e9 poss\u00edvel identificar quais fatores est\u00e3o prejudicando o desempenho e j\u00e1 ir direto ao ponto. Vamos, ent\u00e3o, para cada uma das dicas \ud83d\ude42<\/p>\n<h2>TL;DR<\/h2>\n<p>A ideia desse post \u00e9 relembrar algumas boas pr\u00e1ticas que realmente fazem a diferen\u00e7a quando o assunto \u00e9 performance de sites WordPress. Por isso, abordamos t\u00f3picos como:<\/p>\n<ul>\n<li>A <a href=\"#escolhatemaideal\"><strong>escolha de um bom tema<\/strong><\/a>, que n\u00e3o tenha muitos arquivos em CSS e JS, ou seja, com menos requisi\u00e7\u00f5es HTTP;<\/li>\n<li>A <a href=\"#phpewpatualizados\"><strong>import\u00e2ncia de manter a vers\u00e3o WordPress e PHP atualizadas<\/strong><\/a>, para acelerar o desempenho de p\u00e1ginas e garantir maior seguran\u00e7a;<\/li>\n<li>A <a href=\"#otimizacaodearquivos\"><strong>otimiza\u00e7\u00e3o de arquivos<\/strong><\/a> como parte importante da performance, por meio da minifica\u00e7\u00e3o e do uso de CDN;<\/li>\n<li>O <a href=\"#cache\"><strong>cache como pr\u00e1tica cr\u00edtica<\/strong><\/a> do processo de carregamento de p\u00e1ginas e, consequentemente, da melhora da experi\u00eancia do usu\u00e1rio;<\/li>\n<li><a href=\"#usoconscienteplugins\"><strong>Uso consciente de plugins<\/strong><\/a>, para evitar solicita\u00e7\u00f5es HTTP ou ao banco desnecess\u00e1rias;<\/li>\n<li><a href=\"#cuidadoswpcron\"><strong>Cuidados necess\u00e1rios com WordPress cron<\/strong><\/a> para evitar evitar sobrecargas de servidor;<\/li>\n<\/ul>\n<p>Voc\u00ea pode clicar sobre cada t\u00f3pico para consumir o conte\u00fado ou continuar o fluxo de leitura. Voc\u00ea que manda!<br \/>\n<a name=\"escolhatemaideal\"><\/a><\/p>\n<h2>Escolha do tema ideal<\/h2>\n<p>Depois de alguns dias procurando, voc\u00ea finalmente escolheu aquele tema WordPress que mais combina com o seu site. Aquele, com um slider na home, totalmente responsivo, com plugins sociais e mais mil penduricalhos que parecem excelentes &#8211; vai deixar sua p\u00e1gina com uma cara mais profissional, n\u00e3o exige muito conhecimento t\u00e9cnico para personaliza\u00e7\u00e3o e o melhor, \u00e9 de gra\u00e7a.<\/p>\n<p>Parece amor, mas pode ser uma cilada. Por que? Vamos por partes!<\/p>\n<p>Em primeiro lugar, desapegue unicamente da apar\u00eancia. De nada adianta ter um site lindo, mas lento, que afasta visitantes e diminui drasticamente convers\u00f5es. Por isso, vamos levantar a cortina do tema e ver o que est\u00e1 no backstage.<\/p>\n<p>O tema precisa requisitar muitos arquivos CSS e JavaScript, por exemplo? Ent\u00e3o isso significa um aumento dr\u00e1stico na quantidade de solicita\u00e7\u00f5es HTTP feitas e consequentemente um aumento no tempo de carregamento. O que aprendemos com isso? Escolha temas com a menor quantidade de arquivos CSS e JS poss\u00edvel e tente combinar o m\u00e1ximo poss\u00edvel de arquivos para atenuar essa quest\u00e3o.<\/p>\n<p>O tema tamb\u00e9m realiza muitas chamadas a <a href=\"https:\/\/blog.umbler.com\/br\/3-como-aperfeicoar-a-velocidade-de-seu-site-banco-de-dados\/\" target=\"_blank\" rel=\"noopener noreferrer\">banco de dados<\/a>? Mais um problema, assim como se o c\u00f3digo PHP for ineficiente &#8211; o que exigir\u00e1 mais recursos do servidor. Al\u00e9m desses, um ponto consider\u00e1vel: muito cuidado com temas gratuitos, ainda mais os pagos que s\u00e3o distribu\u00eddos gratuitamente. Al\u00e9m de s\u00e9rios riscos de seguran\u00e7a, o tema pode vir com muitos plugins desnecess\u00e1rios que acarretam na diminui\u00e7\u00e3o da velocidade do site.<\/p>\n<p>Fica o alerta, ainda, para a escolha de temas com atualiza\u00e7\u00f5es constantes e recentes, e tamb\u00e9m com op\u00e7\u00f5es de suporte ao desenvolvedor: isso facilita muito a corre\u00e7\u00e3o de qualquer problema que possam surgir.<\/p>\n<div class=\"alert alert-info\">Falando em temas, j\u00e1 conferiu o tema padr\u00e3o da vers\u00e3o 4.7 do WordPress, o <a href=\"https:\/\/wordpress.org\/themes\/twentyseventeen\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Twenty Seventeen<\/a>? Ele trabalha com cabe\u00e7alhos em v\u00eddeo, recurso que pode ser utilizado tamb\u00e9m em outros layouts &#8211; o usu\u00e1rio pode personaliz\u00e1-lo enquanto instala o sistema. Al\u00e9m de ter um belo design, faz parte da s\u00e9rie Twenty, conhecida por ter os temas mais velozes.<\/div>\n<p><a name=\"phpewpatualizados\"><\/a><\/p>\n<h2>PHP e WordPress atualizados (sempre!)<\/h2>\n<p>Passada a ca\u00e7a ao tema perfeito, voc\u00ea finalmente encontra aquele dos seus sonhos, que \u00e9 limpo e leve. \u00d3timo, mas antes de sair rodando seu site, verifique uma parte essencial e que pode fazer toda a diferen\u00e7a: a atualiza\u00e7\u00e3o da vers\u00e3o PHP e da vers\u00e3o WordPress que voc\u00ea utilizar\u00e1. A quest\u00e3o da atualiza\u00e7\u00e3o \u00e9 muito importante, principalmente com rela\u00e7\u00e3o \u00e0 seguran\u00e7a &#8211; ali\u00e1s, temos um <a href=\"https:\/\/blog.umbler.com\/br\/o-impacto-das-atualizacoes-do-wordpress-e-seus-componentes-para-a-seguranca\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u00f3timo post<\/a> que trata justamente sobre os impactos de seguran\u00e7a causados pela falta de atualiza\u00e7\u00e3o em WordPress, vale a pena.<\/p>\n<p>Mas, voc\u00ea sabia que a falta de updates tamb\u00e9m pode prejudicar (e muito!) a performance do seu site? Ali\u00e1s, n\u00e3o existe nenhum motivo plaus\u00edvel para voc\u00ea n\u00e3o atualizar as vers\u00f5es do PHP e do WordPress. Vamos mostrar porque!<\/p>\n<p>A \u00faltima vers\u00e3o do WordPress (4.7), batizada de <a href=\"https:\/\/wordpress.org\/news\/2016\/12\/vaughan\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Vaughan<\/a> (em homenagem a incr\u00edvel cantora de jazz Sarah Vaughan) e lan\u00e7ada em 06 de dezembro de 2016, trouxe consigo melhorias excelentes. Entre os destaques est\u00e3o o tema padr\u00e3o ainda mais r\u00e1pido (como citamos anteriormente) e um uso melhor da API Seletive Refresh, que permite a visualiza\u00e7\u00e3o de customiza\u00e7\u00f5es (inclusive de CSS) antes mesmo da implementa\u00e7\u00e3o. Al\u00e9m disso, assim como todas as novas vers\u00f5es, tamb\u00e9m houve uma preocupa\u00e7\u00e3o com melhoria de performance. O core do WordPress 4.7 est\u00e1 utilizando 28% de JavaScript, o que tende a deixar os sites ainda mais r\u00e1pidos e responsivos.<\/p>\n<div class=\"alert alert-info\">Ali\u00e1s, na data de publica\u00e7\u00e3o desse post, foi lan\u00e7ada a vers\u00e3o 4.7.1 do WordPress, que corrige algumas falhas de seguran\u00e7a e tamb\u00e9m traz (boas) altera\u00e7\u00f5es no Twenty Seventeen e no sistema de coment\u00e1rios<\/div>\n<p>Outro avan\u00e7o significativo \u00e9 a compatibilidade de 100% com o PHP 7, a vers\u00e3o mais recente do PHP. J\u00e1 falamos bastante sobre ela por <a href=\"https:\/\/blog.umbler.com\/br\/7-php-7-performance\/\" target=\"_blank\" rel=\"noopener noreferrer\">aqui<\/a>, ali\u00e1s, mas n\u00e3o custa relembrar o quanto \u00e9 melhor em n\u00edveis de velocidade e desempenho.<\/p>\n<p>Em benchmarks realizados com Moodle, Magento, Drupal, e frameworks como Zend e Laravel, \u00e9 claramente percept\u00edvel o bom desempenho do PHP7, principalmente pela baixa mem\u00f3ria consumida e pelo n\u00famero maior de requisi\u00e7\u00f5es por segundo, durante os processos. Com rela\u00e7\u00e3o ao WordPress, a hist\u00f3ria n\u00e3o poderia ser diferente. Por isso, trouxemos um comparativo que comprova a import\u00e2ncia de escolher as vers\u00f5es atualizadas da linguagem e do CMS.<\/p>\n<h3>Teste de carga: WordPress 4.7 e PHP 5.6<\/h3>\n<p>Teste de carga com 10 clientes novos por segundo, durante um minuto, de um site em WordPress atualizado (4.7) em PHP 5.6.<br \/>\n<img decoding=\"async\" class=\"aligncenter wp-image-1903 size-full\" src=\"https:\/\/blog.umbler.com\/wp-content\/uploads\/2017\/01\/performance-wp47-php56.png\" alt=\"\" width=\"1210\" height=\"830\" \/><br \/>\n<img decoding=\"async\" class=\"aligncenter wp-image-1905 size-full\" src=\"https:\/\/blog.umbler.com\/wp-content\/uploads\/2017\/01\/performance-wp47-php56-2.png\" alt=\"\" width=\"1889\" height=\"967\" \/><\/p>\n<ul>\n<li>Tempo m\u00e9dio: 1108ms<\/li>\n<li>19.7 segundos para processar as opera\u00e7\u00f5es e 198 query\u2019s por segundo.<\/li>\n<li>Consumo de 613MB de mem\u00f3ria durante o teste e uso de 2vCPU\u2019s durante o teste.<\/li>\n<\/ul>\n<h3>Teste de carga: WordPress 4.7 e PHP 7<\/h3>\n<p>Teste de carga com 10 clientes novos por segundo, durante um minuto, de um site em WordPress atualizado (4.7) e PHP 7.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1907 size-full\" src=\"https:\/\/blog.umbler.com\/wp-content\/uploads\/2017\/01\/performance-wp47-php7.png\" alt=\"\" width=\"1178\" height=\"821\" \/><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1908 size-full\" src=\"https:\/\/blog.umbler.com\/wp-content\/uploads\/2017\/01\/performance-wp47-php7-2.png\" alt=\"\" width=\"1913\" height=\"941\" \/><\/p>\n<ul>\n<li>Tempo m\u00e9dio: 1005ms<\/li>\n<li>13,15s para processar as opera\u00e7\u00f5es e 256 query\u2019s por segundo.<\/li>\n<li>Consumo de 553MB de memoria e 1vCPU.<\/li>\n<\/ul>\n<p><a name=\"otimizacaodearquivos\"><\/a><\/p>\n<h2>Otimiza\u00e7\u00e3o de arquivos<\/h2>\n<p>\u00c9, realmente n\u00e3o tem muita discuss\u00e3o. Voc\u00ea precisa manter seu site atualizado! E agora que sabe porque, partimos para outro ponto fundamental no desempenho de sua p\u00e1gina WordPress: <a href=\"https:\/\/blog.umbler.com\/br\/como-aperfeicoar-velocidade-de-seu-site-latencia-e-front-end\/\" target=\"_blank\" rel=\"noopener noreferrer\">otimiza\u00e7\u00e3o de arquivos<\/a>. Quando falamos em otimiza\u00e7\u00e3o, dois pontos precisam ser considerados: imagens e arquivos HTML, CSS e JavaScript.<\/p>\n<p>A import\u00e2ncia das imagens em um site \u00e9 indiscut\u00edvel. Elas aumentam consideravelmente as chances do conte\u00fado ser consumido. No entanto, as imagens n\u00e3o otimizadas podem fazer o papel oposto e afastarem completamente os visitantes, j\u00e1 que est\u00e3o entre os principais fatores para a diminui\u00e7\u00e3o da velocidade de um site.<\/p>\n<p>Vamos come\u00e7ar pensando em alguns aspectos:<\/p>\n<ul>\n<li>Suas imagens est\u00e3o nomeadas corretamente? Adiciona atributos de alt e title? Isso \u00e9 \u00f3timo para SEO.<\/li>\n<li>Elas est\u00e3o em um tamanho adequado? Se seu site prev\u00ea a exibi\u00e7\u00e3o de imagens em uma largura de 900px, por exemplo, por que voc\u00ea subiria uma imagem com 2000px de largura? S\u00f3 para dificultar o carregamento?<\/li>\n<li>Voc\u00ea comprime o tamanho dos arquivos de imagem antes de envi\u00e1-los ao seu site? Isso significa eliminar dados complementares, como metadados sobre c\u00e2mera, data de cria\u00e7\u00e3o e outros (tamb\u00e9m conhecido como smush). Apenas uma curiosidade: se a imagem for editada fazendo uso de softwares como Fireworks, por exemplo, ela agrega muito mais dados. Tanto que a compress\u00e3o, no caso dessas imagens, pode diminuir o arquivo em 70%.<\/li>\n<\/ul>\n<p>Se voc\u00ea respondeu sim para todas as perguntas, \u00f3timo. Se n\u00e3o, precisa tomar alguma atitude! Voc\u00ea pode investir em plugins espec\u00edficos com rela\u00e7\u00e3o a imagem, mas continue lendo esse post e veja se outras op\u00e7\u00f5es podem ser melhores para voc\u00ea.<\/p>\n<p>Com rela\u00e7\u00e3o aos arquivos HTML, CSS e JS o verbo de a\u00e7\u00e3o \u00e9: minificar. Minificar significa remover todos os caracteres desnecess\u00e1rios que n\u00e3o s\u00e3o utilizados na execu\u00e7\u00e3o de um c\u00f3digo, ou seja, eliminar espa\u00e7os em branco, novos caracteres de linha, coment\u00e1rios e delimitadores de bloco. Imagine que sua rede de conex\u00e3o \u00e9 uma autoestrada, cuja pista \u00e9 a largura da banda. Quanto menor e mais limpo for seu c\u00f3digo, melhor a fluidez e carregamento.<\/p>\n<p>Assim como as imagens, voc\u00ea pode minificar arquivos automaticamente, por meio de plugins espec\u00edficos. Mas, muita calma nessa hora! A seguir, vamos mostrar uma solu\u00e7\u00e3o \u00f3tima, que pode resolver diversos problemas em um \u00fanico plugin.<\/p>\n<p>Antes, n\u00e3o podemos esquecer de um grande aliado na otimiza\u00e7\u00e3o de arquivos: o CDN. Ali\u00e1s, se voc\u00ea ainda n\u00e3o investe nesse recurso, est\u00e1 fazendo muito errado. A Umbler, por exemplo, conta com add-on de <a href=\"https:\/\/blog.umbler.com\/br\/acelerando-o-seu-site-com-o-novo-add-on-de-cdn-via-cloudflare\/\" target=\"_blank\" rel=\"noopener noreferrer\">CDN via CloudFlare<\/a>. O papel do CDN (rede de distribui\u00e7\u00e3o de conte\u00fado) \u00e9, basicamente, criar o cache dos arquivos est\u00e1ticos de um site (imagens, CSS, JavaScript) e entreg\u00e1-los por meio de uma rede de servidores espalhados pelo mundo, sendo uma esp\u00e9cie de intermedi\u00e1rio entre o visitante e o provedor de hospedagem. Voc\u00ea pode come\u00e7ar a utilizar o recurso em sua vers\u00e3o gratuita, mas saiba que as vers\u00f5es pagas, como a plus, por exemplo, oferecem a compacta\u00e7\u00e3o de arquivos automaticamente.<br \/>\n<a name=\"cache\"><\/a><\/p>\n<h2>Cache, cache, cache<\/h2>\n<p>Agora que voc\u00ea j\u00e1 sabe a import\u00e2ncia de otimizar, vamos focar em um recurso que, apesar de muito importante, ainda \u00e9 relativamente menos utilizado pelos usu\u00e1rios WordPress: o cache. Para come\u00e7ar, n\u00e3o custa familiarizar-se ainda mais a respeito.<br \/>\nAs p\u00e1ginas do WordPress s\u00e3o din\u00e2micas, isso significa que, a cada visita, o WordPress, que \u00e9 baseado em PHP, solicita ao servidor que recupere informa\u00e7\u00f5es de um banco de dados MySQL, junto com seus arquivos PHP, para em seguida reunir tudo em um conte\u00fado HTML que \u00e9 renderizado para o usu\u00e1rio. Ufa! \u00c9 um processo longo, que obviamente pode acarretar lentid\u00e3o, principalmente se muitas pessoas acessarem seu site ao mesmo tempo.<br \/>\n<a href=\"https:\/\/blog.umbler.com\/wp-content\/uploads\/2017\/01\/post-17-01-11-wordpress-grafico.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1909\" src=\"https:\/\/blog.umbler.com\/wp-content\/uploads\/2017\/01\/post-17-01-11-wordpress-grafico.png\" alt=\"\" width=\"845\" height=\"769\" \/><\/a><br \/>\n\u00c9 a\u00ed que entra o plugin de cache, que al\u00e9m de tornar seu site mais r\u00e1pido, exclui a necessidade de mexer no c\u00f3digo. A forma como ele funciona \u00e9 bastante simples: em vez do CMS passar por todo o processo de gera\u00e7\u00e3o da p\u00e1gina cada vez que o usu\u00e1rio a acessa, o plugin faz uma c\u00f3pia da p\u00e1gina ap\u00f3s a primeira carga e, em seguida, entrega essa vers\u00e3o em cache para cada usu\u00e1rio subsequente.<br \/>\nS\u00e3o muitas as vantagens:<\/p>\n<ul>\n<li>Em primeir\u00edssimo lugar, est\u00e3o os ganhos em velocidade e desempenho do site. Os arquivos em cache est\u00e1ticos s\u00e3o carregados mais rapidamente do que as consultas ao banco de dados.<\/li>\n<li>Tamb\u00e9m ajuda a reduzir a carga no servidor de hospedagem, por evitar idas e vindas no banco de dados.<\/li>\n<li>Considerando que o Google prioriza sites mais r\u00e1pidos nos mecanismos de busca, por tornar o site mais r\u00e1pido, o cache pode melhorar consideravelmente o pagerank da sua p\u00e1gina.<\/li>\n<li>Por fim, mas n\u00e3o menos importante, o cache melhorar\u00e1 significativamente a experi\u00eancia do usu\u00e1rio que acessa seu site, salvando a largura de sua banda, uma vez que p\u00e1ginas em cache n\u00e3o exigem solicita\u00e7\u00f5es din\u00e2micas de arquivos.<\/li>\n<\/ul>\n<p>Se voc\u00ea \u00e9 novo no WordPress, recomendamos o <a href=\"https:\/\/br.wordpress.org\/plugins\/wp-super-cache\/\">WP Super Cache, um plugin simplificado<\/a>, mas com muitos recursos interessantes para gerar arquivos HTML est\u00e1ticos em seu site. Em constante desenvolvimento, n\u00e3o exige muitos conhecimentos t\u00e9cnicos e disponibiliza integra\u00e7\u00f5es com CDN.<\/p>\n<p>Agora, se voc\u00ea j\u00e1 possui alguma experi\u00eancia em WordPress, recomendamos fortemente o <a href=\"https:\/\/br.wordpress.org\/plugins\/w3-total-cache\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">W3 Total Cache<\/a>, um plugin muito popular, com mais de um milh\u00e3o de instala\u00e7\u00f5es ativas. Ao contr\u00e1rio de muitos outros plugins, o W3 Total Cache faz mais do que &#8220;apenas&#8221; a gera\u00e7\u00e3o de p\u00e1ginas est\u00e1ticas. S\u00e3o recursos de cache de p\u00e1gina, cache do navegador, otimiza\u00e7\u00e3o de imagens e minifica\u00e7\u00e3o de arquivos (que j\u00e1 citamos aqui), gerenciamento de cabe\u00e7alhos, suporte a servi\u00e7os de CDN (tamb\u00e9m compat\u00edvel com CloudFlare) e outros. Valeu a pena esperar por essa dica, n\u00e9?<br \/>\n<a name=\"usoconscienteplugins\"><\/a><\/p>\n<h2>Uso consciente de plugins<\/h2>\n<p>J\u00e1 ouviu falar que um WordPress sem plugins \u00e9 como uma loja de brinquedos sem brinquedos? \u00c9, pode at\u00e9 fazer sentido, mas pense no que \u00e9 melhor: ter um superbrinquedo resistente ou ter diversos minibrinquedos, que podem se perder ou quebrar facilmente?<\/p>\n<p>Sejamos criteriosos e diretos: quanto mais plugins em seu site WordPress, mais vulnerabilidade e menos velocidade. Claro, n\u00e3o existe um n\u00famero ideal de plugins e nosso intuito n\u00e3o \u00e9 desencorajar o uso deles. Mas, como no caso do W3 Total Cache, vale muito mais pesquisar para encontrar aqueles que agregam mais de uma funcionalidade do que ir pendurando milhares de plugins em seu WordPress.<\/p>\n<p>Voltando um pouco atr\u00e1s, \u00e9 importante lembrar que os brinquedos ou melhor, plugins, s\u00e3o respons\u00e1veis por realizar tarefas para executar uma funcionalidade espec\u00edfica (ou mais). Os plugins podem agir no servidor de duas formas: por meio de requisi\u00e7\u00f5es HTTP e queries ou consultas adicionais ao banco de dados. A primeira \u00e9 mais comum em plugins front-end, que podem exigir estilo personalizado ou scripts para funcionar corretamente, adicionando arquivos JS ou CSS extras. A segunda, em plugins que indicam postagem populares ou relacionadas, ou qualquer outra fun\u00e7\u00e3o que precise puxar informa\u00e7\u00f5es do banco.<\/p>\n<p>De qualquer forma, o n\u00famero ideal de plugins pode variar justamente pelo tipo de solicita\u00e7\u00e3o que necessita realizar. Fato \u00e9 que alguns outros crit\u00e9rios precisam ser considerados na escolha dos plugins. Alguns deles:<\/p>\n<ul>\n<li>Classifica\u00e7\u00e3o e feedbacks dos usu\u00e1rios que o utilizam;<\/li>\n<li>N\u00famero de downloads j\u00e1 feitos;<\/li>\n<li>Data da \u00faltima atualiza\u00e7\u00e3o<\/li>\n<li>Vulnerabilidades j\u00e1 relatadas (vale olhar <a href=\"https:\/\/blog.umbler.com\/br\/seguranca-da-informacao-tendencias-de-ataques-websites\/\" target=\"_blank\" rel=\"noopener noreferrer\">este post<\/a> sobre o tema);<\/li>\n<li>Funcionalidade realmente necess\u00e1ria e n\u00e3o duplicada.<\/li>\n<\/ul>\n<p>Vamos a alguns testes demonstrando o impacto da quantidade de plugins instalados (e tamb\u00e9m da import\u00e2ncia do cache):<\/p>\n<h3>WordPress 4.7 e PHP7 com plugins e cache<\/h3>\n<p><a href=\"https:\/\/blog.umbler.com\/wp-content\/uploads\/2017\/01\/performance-wordpress47-php7-plugins-cache.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1923\" src=\"https:\/\/blog.umbler.com\/wp-content\/uploads\/2017\/01\/performance-wordpress47-php7-plugins-cache.png\" alt=\"\" width=\"953\" height=\"1071\" \/><\/a><\/p>\n<h3>WordPress 4.7 e PHP7 com plugins e sem cache<\/h3>\n<p><a href=\"https:\/\/blog.umbler.com\/wp-content\/uploads\/2017\/01\/performance-wordpress47-php7-plugins-sem-cache.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1924\" src=\"https:\/\/blog.umbler.com\/wp-content\/uploads\/2017\/01\/performance-wordpress47-php7-plugins-sem-cache.png\" alt=\"\" width=\"959\" height=\"1045\" \/><\/a><\/p>\n<h3>WordPress 4.6 e PHP7 sem plugins e com cache<\/h3>\n<p><a href=\"https:\/\/blog.umbler.com\/wp-content\/uploads\/2017\/01\/performance-wordpress46-php7-sem-plugins-com-cache.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1913\" src=\"https:\/\/blog.umbler.com\/wp-content\/uploads\/2017\/01\/performance-wordpress46-php7-sem-plugins-com-cache.png\" alt=\"\" width=\"962\" height=\"955\" \/><\/a><\/p>\n<h3>WordPress 4.6 e PHP7 sem plugins e sem cache<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1914 size-full\" src=\"https:\/\/blog.umbler.com\/wp-content\/uploads\/2017\/01\/performance-wordpress46-php7-sem-plugins-sem-cache.png\" alt=\"\" width=\"957\" height=\"945\" \/><br \/>\n\u00c9, precisamos concordar: o ideal \u00e9 trabalhar com o n\u00famero m\u00ednimo necess\u00e1rio de plugins.<br \/>\n<a name=\"cuidadoswpcron\"><\/a><\/p>\n<h2>Cuidados com wp-cron.php<\/h2>\n<p>Por \u00faltimo, mas n\u00e3o menos importante: WordPress cron. O WordPress cron \u00e9 um sistema de eventos agendados (scheduled events). Os eventos s\u00e3o a\u00e7\u00f5es programadas para serem executadas automaticamente pelo CMS, como a publica\u00e7\u00e3o de posts, envio de emails, exclus\u00e3o de transients expirados da <em>wp_options<\/em> e outros. Essa fun\u00e7\u00e3o j\u00e1 vem ativa por padr\u00e3o no WordPress, que verifica se algo precisa ser executado no cron a cada requisi\u00e7\u00e3o feita.<\/p>\n<p>\u00c9 comum que plugins tamb\u00e9m utilizem eventos agendados, mas a\u00ed tamb\u00e9m surge uma quest\u00e3o: seu site necessita realmente de eventos agendados? A pergunta surge pois, cada evento chama por uma requisi\u00e7\u00e3o HTTP (j\u00e1 falamos bastante nela por aqui, n\u00e9?), o que pode ocasionar lentid\u00e3o em sua p\u00e1gina.<\/p>\n<p>Se os eventos agendados n\u00e3o forem primordiais ao seu site e\/ou o n\u00famero de chamadas ao wp-cron.php de seu site for menor que 144, relaxe, t\u00e1 tudo bem. Agora, se forem maiores do que isso, e voc\u00ea realmente precisa dos scheduled events, \u00e9 necess\u00e1rio executar a tarefa de Crontab.<\/p>\n<p>Funciona assim:<\/p>\n<p>Adicione a linha de c\u00f3digo a seguir no seu wp-config.php<\/p>\n<pre class=\"code-highlighter line-numbers theme-dark\"><code class=\"language-bash\">\n\/** Desabilita o WordPress cron. *\/\ndefine('DISABLE_WP_CRON', 'true');\n<\/code><\/pre>\n<p>Execute o comando a seguir, substituindo pelo dom\u00ednio de seu site<\/p>\n<pre class=\"code-highlighter line-numbers theme-dark\"><code class=\"language-bash\">\n# echo \"*\/10 * * * * www-data wget -o \/dev\/null -O \/dev\/null https:\/\/dominio.com\/wp-cron.php\" &gt; \/etc\/cron.d\/wordpress\n<\/code><\/pre>\n<p>Assim, os eventos agendados ser\u00e3o executados pelo Crontab a cada dez minutos &#8211; e isso ajudar\u00e1 e muito na performance de seu site.<\/p>\n<p>Verificou onde fica o gargalo do seu site WordPress e partiu para a a\u00e7\u00e3o? Compartilhe sua experi\u00eancia conosco nos coment\u00e1rios. Tem outras sugest\u00f5es para melhorias de performance em sites WordPress, compartilhe com a gente tamb\u00e9m \ud83d\ude09<\/p>\n<p><span style=\"font-weight: 400;\">E n\u00e3o esque\u00e7a de <\/span><a href=\"https:\/\/www.umbler.com\/br\"><span style=\"font-weight: 400;\">checar nossos servi\u00e7os no site<\/span><\/a><span style=\"font-weight: 400;\"> e <\/span><a href=\"https:\/\/app.umbler.com\/account\/register\"><span style=\"font-weight: 400;\">de se registrar<\/span><\/a><span style=\"font-weight: 400;\">, caso tenha interesse.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>23,6 bilh\u00f5es de p\u00e1ginas visualizadas por 409 milh\u00f5es de pessoas todos os meses. 69,5 milh\u00f5es de novos posts acompanhados de 46,8 milh\u00f5es de novos coment\u00e1rios, tamb\u00e9m mensalmente. 75 milh\u00f5es de sites publicados (and counting) e combust\u00edvel para mais de 25% dos sites do mundo. Voc\u00ea j\u00e1 deve saber sobre o que estamos falando. \u00c9 muito [&hellip;]<\/p>\n","protected":false},"author":38,"featured_media":1892,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[23],"tags":[228,196,36],"class_list":["post-1891","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dev","tag-desempenho","tag-velocidade-de-sites","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/posts\/1891"}],"collection":[{"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/users\/38"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/comments?post=1891"}],"version-history":[{"count":0,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/posts\/1891\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/media?parent=1891"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/categories?post=1891"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/tags?post=1891"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}