{"id":8402,"date":"2015-06-30T10:52:45","date_gmt":"2015-06-30T13:52:45","guid":{"rendered":"https:\/\/king.host\/blog\/?p=8402"},"modified":"2024-06-04T08:13:42","modified_gmt":"2024-06-04T11:13:42","slug":"customizando-e-otimizando-o-wordpress","status":"publish","type":"post","link":"https:\/\/king.host\/blog\/servicos-de-hospedagem\/customizando-e-otimizando-o-wordpress\/","title":{"rendered":"Customizando e otimizando o WordPress"},"content":{"rendered":"<blockquote>\n<div>Sempre que vamos desenvolver um projeto, independente da plataforma que iremos utilizar, um dos fatores mais importantes que esperamos ao final de tudo \u00e9 um bom desempenho. Seja no carregamento da p\u00e1gina ou na execu\u00e7\u00e3o de uma tarefa espec\u00edfica, esperamos sempre proporcionar a melhor experi\u00eancia ao nosso usu\u00e1rio final. Este conte\u00fado foi inspirado pela encontro <a href=\"https:\/\/belohorizonte.wordcamp.org\/2015\/\" target=\"_blank\" rel=\"noopener\">WordCamp BH 2015<\/a>, onde foram discutidas as aplica\u00e7\u00f5es de diversas melhorias para WordPress.<\/div>\n<\/blockquote>\n<div>Quando tratamos do CMS WordPress, muitos se enganam ao pensar que devido a ferramenta ser entregue praticamente pronta pelos desenvolvedores, n\u00e3o \u00e9 poss\u00edvel ou n\u00e3o h\u00e1 necessidade de otimiz\u00e1-la. Neste post vamos dar algumas dicas valiosas para otimizar seu projeto WordPress, melhorando assim o desempenho de sua aplica\u00e7\u00e3o e reduzindo poss\u00edveis custos.<\/div>\n<h2>Tema<\/h2>\n<h3>Ir\u00e1 desenvolver o tema?<\/h3>\n<div>Caso opte por desenvolver seu pr\u00f3prio tema, procure desenvolver seu tema seguindo as boas pr\u00e1ticas e os padr\u00f5es expostos pela documenta\u00e7\u00e3o do CMS. O Codex \u00e9 uma ferramenta essencial para quem desenvolve projetos em cima da plataforma WordPress, nele h\u00e1 orienta\u00e7\u00f5es sobre todas as features (recursos) da ferramenta incluindo dicas e padr\u00f5es para o desenvolvimento correto de temas e plugins. <a href=\"https:\/\/codex.wordpress.org\/Theme_Development\" target=\"_blank\" rel=\"noopener\">Este link<\/a> cont\u00e9m todas as informa\u00e7\u00f5es necess\u00e1rias para desenvolvimento do seu tema, seguindo essas orienta\u00e7\u00f5es voc\u00ea evitar\u00e1 problemas futuros durante novas atualiza\u00e7\u00f5es do CMS.<\/div>\n<h3>Ir\u00e1 optar por um tema gratuito ou adquirir um tema pago?<\/h3>\n<div>No site oficial do WordPress s\u00e3o disponibilizados <a href=\"https:\/\/wordpress.org\/themes\/\" target=\"_blank\" rel=\"noopener\">alguns temas gratuitos.<\/a>&nbsp;Se voc\u00ea deseja um tema com fun\u00e7\u00f5es espec\u00edficas para determinado projeto, ou algum tema mais elaborado do que os j\u00e1 disponibilizados no site oficial, d\u00ea prefer\u00eancia a empresas confi\u00e1veis e renomadas no mercado. Por\u00e9m, lembre-se, n\u00e3o \u00e9 porque um tema foi adquirido que ele \u00e9 exemplo em padr\u00f5es de desenvolvimento. Todo e qualquer tema escolhido deve ter seu c\u00f3digo analisado para evitar problemas de performance posteriormente, ou dores de cabe\u00e7a durante uma atualiza\u00e7\u00e3o de vers\u00e3o do CMS. Alguns pontos devem ser analisados como a exist\u00eancia de:<\/div>\n<ul>\n<li>Scripts in\u00fateis;<\/li>\n<li>Scripts desnecess\u00e1rios;<\/li>\n<li>Estilos in\u00fateis;<\/li>\n<li>Excesso de fun\u00e7\u00f5es;<\/li>\n<li>C\u00f3digo mal formatado que n\u00e3o segue o padr\u00e3o de desenvolvimento da ferramenta e mal projetado;<\/li>\n<li>C\u00f3digo n\u00e3o minificado;<\/li>\n<li>Excesso de linhas comentadas;<\/li>\n<\/ul>\n<div>&nbsp;A exist\u00eancia destes fatores resultar\u00e1 em p\u00e1ginas pesadas, perda de velocidade no carregamento das p\u00e1ginas al\u00e9m do consumo demasiado de recursos do ambiente de hospedagem. Ap\u00f3s definir o tema, procure deix\u00e1-lo o mais enxuto poss\u00edvel para evitar o carregamento de fun\u00e7\u00f5es desnecess\u00e1rias, para isso, remova widgets e actions desnecess\u00e1rias em seu projeto. Para executar essa tarefa da forma correta, utilize um tema filho (Child Theme), este tema herdar\u00e1 a funcionalidade de um outro tema (Tema pai ou tema principal), e lhe permitir\u00e1 acrescentar ou neste caso remover, funcionalidades do tema principal. A utiliza\u00e7\u00e3o de Child Themes evitar\u00e1 poss\u00edveis dores de cabe\u00e7a quando ocorrer a atualiza\u00e7\u00e3o de um tema pago, e ou atualiza\u00e7\u00e3o do pr\u00f3prio core do WordPress.<\/div>\n<div><\/div>\n<div>Lembre-se, obter temas em fontes desconhecidas poder\u00e1 trazer riscos cr\u00edticos para sua aplica\u00e7\u00e3o, como c\u00f3digos vulner\u00e1veis ou recheado com malwares, <strong>fique atento<\/strong>!<\/div>\n<h2>Transients API<\/h2>\n<p>Esta \u00e9 uma feature do WordPress ao qual permite de forma simples e padronizada o armazenamento de dados em cache temporariamente no banco de dados, eliminando a necessidade de consultas pesadas serem executadas ao servidor a cada acesso ou atualiza\u00e7\u00e3o da p\u00e1gina. Obviamente a ades\u00e3o e implementa\u00e7\u00e3o desta feature em sua aplica\u00e7\u00e3o aumentar\u00e1 consideravelmente a performance de sua aplica\u00e7\u00e3o.<\/p>\n<div>A aplica\u00e7\u00e3o desta feature pode ser verificada atrav\u00e9s do codex do WordPress, que pode ser acessado<a href=\"https:\/\/codex.wordpress.org\/Transients_API\" target=\"_blank\" rel=\"noopener\"> neste link<\/a>.<\/div>\n<h2>Plugins<\/h2>\n<div>H\u00e1 uma gama de bons plugins que podem e devem ser utilizados. A utiliza\u00e7\u00e3o de plugins al\u00e9m de resolver poss\u00edveis problemas, nos poupa tempo automatizando tarefas corriqueiras. Mas nem tudo s\u00e3o flores, sendo assim saiba onde procurar os plugins para a tarefa que voc\u00ea deseja, pois muitos plugins apesar de teoricamente fazer o que \u00e9 prometido, nos traz novos problemas prejudicando o desempenho de nosso projeto, como: c\u00f3digos desnecess\u00e1rios, c\u00f3digos n\u00e3o minificados, c\u00f3digos sobrescritos, c\u00f3digos nos lugares errados, al\u00e9m de brechas de seguran\u00e7a que p\u00f5e em risco todo o nosso trabalho. Focando em otimiza\u00e7\u00e3o, h\u00e1 alguns plugins recomendados para esta tarefa:<\/div>\n<ul>\n<li><strong><a href=\"https:\/\/wordpress.org\/plugins\/w3-total-cache\/\" target=\"_blank\" rel=\"noopener\">W3 Total Cache<\/a><\/strong>: Popular plugin indicado para qualquer projeto. Este plugin possui seu foco na melhoria de performance do site trabalhando com fun\u00e7\u00f5es de cache espec\u00edfico para a ferramenta WordPress.<\/li>\n<li><strong><a href=\"https:\/\/wordpress.org\/plugins\/wp-optimize\/\" target=\"_blank\" rel=\"noopener\">WP Optimize<\/a><\/strong>: Um plugin simples mas efetivo, o qual tem como fun\u00e7\u00e3o a otimiza\u00e7\u00e3o do conte\u00fado alocado em seu banco de dados, eliminando informa\u00e7\u00f5es desnecess\u00e1rias armazenadas no mesmo.<\/li>\n<li><strong><a href=\"https:\/\/wordpress.org\/plugins\/ewww-image-optimizer\/\" target=\"_blank\" rel=\"noopener\">EWWW Image Optimizer<\/a><\/strong>: Este plugin por sua vez, faz a otimiza\u00e7\u00e3o das imagens contidas em seu projeto, comprimindo as imagens sem perder suas propriedades de dimens\u00e3o e qualidade.<\/li>\n<\/ul>\n<div>Recomendamos que estes plugins sejam obtidos atrav\u00e9s do<a href=\"https:\/\/wordpress.org\/plugins\/\" target=\"_blank\" rel=\"noopener\"> site oficial da ferramenta.<\/a><\/div>\n<div><\/div>\n<div>\u00c9 importante tamb\u00e9m, antes da instala\u00e7\u00e3o de um plugin, avaliar a real necessidade da utiliza\u00e7\u00e3o do plugin para determinada tarefa, visto que a utiliza\u00e7\u00e3o demasiada de plugins pode prejudicar a performance do projeto.<\/div>\n<div><\/div>\n<div>Por fim, estas foram algumas dicas para otimiza\u00e7\u00e3o do seu projeto, seguindo-as, consequentemente voc\u00ea ter\u00e1 melhor performance, seguran\u00e7a e estabilidade do seu projeto WordPress oferecendo credibilidade e uma boa experi\u00eancia ao seu usu\u00e1rio.<\/div>\n<div><\/div>\n<div><\/div>\n<div>Post por Gabriel Sousa Soares<strong>&nbsp;<\/strong>&#8211;<strong>&nbsp;<\/strong>Analista de Opera\u00e7\u00f5es na KingHost.<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Sempre que vamos desenvolver um projeto, independente da plataforma que iremos utilizar, um dos fatores mais importantes que esperamos ao final de tudo \u00e9 um bom desempenho. Seja no carregamento da p\u00e1gina ou na execu\u00e7\u00e3o de uma tarefa espec\u00edfica, esperamos sempre proporcionar a melhor experi\u00eancia ao nosso usu\u00e1rio final. Este conte\u00fado foi inspirado pela encontro [&hellip;]<\/p>\n","protected":false},"author":253,"featured_media":8409,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1326,1324],"tags":[1375],"class_list":["post-8402","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-hospedagem-wordpress","category-servicos-de-hospedagem","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/posts\/8402","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/users\/253"}],"replies":[{"embeddable":true,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/comments?post=8402"}],"version-history":[{"count":1,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/posts\/8402\/revisions"}],"predecessor-version":[{"id":31482,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/posts\/8402\/revisions\/31482"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/media\/8409"}],"wp:attachment":[{"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/media?parent=8402"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/categories?post=8402"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/tags?post=8402"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}