{"id":36907,"date":"2022-10-24T17:26:04","date_gmt":"2022-10-24T20:26:04","guid":{"rendered":"https:\/\/www.yogh.com.br\/blog\/?post_type=lesson&p=36907"},"modified":"2022-10-24T17:26:08","modified_gmt":"2022-10-24T20:26:08","slug":"dicas-para-melhorar-a-performance-do-site","status":"publish","type":"lesson","link":"https:\/\/www.yogh.com.br\/blog\/aula\/dicas-para-melhorar-a-performance-do-site\/","title":{"rendered":"Dicas para Melhorar a Performance do site"},"content":{"rendered":"\n
<\/path><\/svg><\/div><\/div>
<\/span><\/div><\/div>\n\n\n\n

Otimiza\u00e7\u00e3o de performance<\/h2>\n\n\n\n

Esta aula de Otimiza\u00e7\u00e3o de Performance \u00e9 uma aula b\u00f4nus do curso \u201cCriando seu site em WordPress sem programar\u201d para que voc\u00ea possa ter um site de sucesso!<\/p>\n\n\n\n

E para que seu site tenha sucesso, \u00e9 preciso se preocupar tamb\u00e9m com a performance.<\/p>\n\n\n\n

Um dos motivos que tornam a performance t\u00e3o importante, \u00e9 que atrav\u00e9s dela, os usu\u00e1rios de smartphone podem acessar o seu site com facilidade e agilidade. Afinal, ainda h\u00e1 lugares no Brasil, onde a conex\u00e3o n\u00e3o \u00e9 t\u00e3o boa. Nestes lugares, as pessoas costumam se utilizar do 3G ou 4G para acessar a internet.<\/p>\n\n\n\n

Por isso, os sites tamb\u00e9m precisam carregar de forma r\u00e1pida quando s\u00e3o acessados por meio de dados m\u00f3veis, ou seja, via internet do celular.<\/p>\n\n\n\n

Se o seu site \u00e9 r\u00e1pido, a tend\u00eancia \u00e9 que os seus usu\u00e1rios consigam navegar com facilidade em seu site, chegando com agilidade at\u00e9 o seu neg\u00f3cio. <\/p>\n\n\n\n

Tudo isso gera uma consequ\u00eancia positiva, o seu site ser\u00e1 indexado no Google e outros mecanismos de busca. Desta forma, voc\u00ea conseguir\u00e1 atrair o p\u00fablico com mais facilidade em seu site.<\/p>\n\n\n\n

Ferramentas de performance<\/strong><\/h3>\n\n\n\n

Durante a aula, voc\u00ea ter\u00e1 acesso a ferramentas para medir a performance do seu site.<\/p>\n\n\n\n

As ferramentas gratuitas mais comuns s\u00e3o: Google Page Speed Insights<\/a> e GTmetrix<\/a><\/strong>.<\/strong> Estes sites s\u00e3o respons\u00e1veis por analisar o carregamento das p\u00e1ginas do seu site.<\/p>\n\n\n\n

Para realizar o teste, basta que voc\u00ea digite a URL do seu site na barra indicada para que o mesmo possa ser avaliado. Al\u00e9m da nota tanto para desktop, como mobile, os sites tamb\u00e9m apresentam sugest\u00f5es que podem ser seguidas por voc\u00ea para que o carregamento se torne mais r\u00e1pido.<\/p>\n\n\n\n

Densidade de conte\u00fado<\/strong><\/h3>\n\n\n\n

A densidade de conte\u00fado nada mais \u00e9 do que a quantidade de recursos que o seu site ir\u00e1 carregar enquanto o usu\u00e1rio acessa o seu site, que vai desde os plugins at\u00e9 as imagens que est\u00e3o sendo carregadas em suas p\u00e1ginas.<\/p>\n\n\n\n

Durante a aula, voc\u00ea vai aprender quais s\u00e3o os erros mais comuns que costumam deixar os sites lentos, entre eles, est\u00e1 a quantidade de imagens e v\u00eddeos utilizados na cria\u00e7\u00e3o das p\u00e1ginas.<\/p>\n\n\n\n

Uma p\u00e1gina com muitas imagens e v\u00eddeos pode deixar o seu site lento, por exemplo. O tamanho m\u00e9dio por p\u00e1gina \u00e9 de 3MB. J\u00e1 o ideal \u00e9 que este n\u00famero fique mais pr\u00f3ximo de 1 MB.<\/p>\n\n\n\n

Plugins e tema utilizados<\/strong><\/h3>\n\n\n\n

Os plugins e tema utilizados tamb\u00e9m podem afetar a otimiza\u00e7\u00e3o do seu site. Se voc\u00ea \u00e9 novo no mundo do WordPress, provavelmente ficar\u00e1 encantado com a quantidade de plugins e temas dispon\u00edveis. Por isso, nesta aula, voc\u00ea receber\u00e1 algumas dicas valiosas para que o tema e os plugins n\u00e3o causem uma sobrecarga em seu site.<\/p>\n\n\n\n

Para que o seu site n\u00e3o se torne lento, \u00e9 importante que os plugins n\u00e3o utilizados sejam removidos. Voc\u00ea tamb\u00e9m deve evitar o uso de plugins Page Builders \u2013 construtores de p\u00e1gina \u2013 como Elementor, Visual Composer, etc.<\/p>\n\n\n\n

E lembre-se, antes de fazer qualquer mudan\u00e7a em seu site, \u00e9 essencial que voc\u00ea deixe o backup em dia. E se poss\u00edvel, realize as altera\u00e7\u00f5es em um ambiente de testes. <\/p>\n\n\n\n

Hospedagem do site<\/strong><\/h3>\n\n\n\n

A hospedagem \u00e9 outro fator fundamental na hora de garantir a otimiza\u00e7\u00e3o do seu site. Ela \u00e9 respons\u00e1vel por dois fatores importantes, um deles \u00e9 o tempo de resposta para o carregamento de cada p\u00e1gina. <\/p>\n\n\n\n

Outro fator que deve ser levado em considera\u00e7\u00e3o \u00e9 a escala para suportar usu\u00e1rios simult\u00e2neos, ou seja, o seu site deve ficar no ar, independente do n\u00famero de usu\u00e1rios que estejam acessando a sua p\u00e1gina ao mesmo tempo.<\/p>\n\n\n\n

Nesta aula, al\u00e9m de entender como funciona a hospedagem, voc\u00ea tamb\u00e9m ter\u00e1 acesso a dicas \u00fateis para que voc\u00ea saiba o que deve ser levado em conta no momento em que for realizar a contrata\u00e7\u00e3o de um servi\u00e7o de hospedagem para o seu site WordPress.<\/p>\n\n\n\n

Uma das recomenda\u00e7\u00f5es \u00e9 que a hospedagem seja otimizada para o WordPress e que ofere\u00e7a o PHP 7 ou uma vers\u00e3o superior. <\/p>\n\n\n\n

A Yogh possui planos de hospedagem<\/a> que foram criados para oferecer tecnologia de ponta e tranquilidade para a hospedagem do seu site ou e-commerce em WordPress. <\/strong><\/p>\n\n\n\n

Plugin de Cache<\/strong><\/h3>\n\n\n\n

Antes de voc\u00ea conhecer quais s\u00e3o os plugins de cache recomendados pela Yogh, vamos aprender o que \u00e9 cache e para que ele serve. O cache \u00e9 uma c\u00f3pia de cada p\u00e1gina do site no servidor. <\/p>\n\n\n\n

No momento em que o usu\u00e1rio requisita uma p\u00e1gina do servidor atrav\u00e9s de um navegador, o WordPress processar\u00e1 todas as requisi\u00e7\u00f5es que s\u00e3o necess\u00e1rias, como por exemplo, os textos inclu\u00eddos no card\u00e1pio do site que foi criado durante o curso.<\/p>\n\n\n\n

Se todos os usu\u00e1rios que navegam pelo seu site tiverem acesso ao mesmo conte\u00fado, uma c\u00f3pia em cache pode tornar esse processo mais f\u00e1cil.<\/p>\n\n\n\n

O cache \u00e9 respons\u00e1vel por reduzir o tempo de resposta do servidor e fazer a compress\u00e3o de arquivos do seu site.<\/p>\n\n\n\n

Agora que voc\u00ea j\u00e1 sabe o que \u00e9 cache e para que ele serve, \u00e9 hora de conferir os tr\u00eas plugins de cache recomendados pela Yogh.<\/p>\n\n\n\n

W3 Total Cache<\/a><\/strong>:<\/strong> Este plugin \u00e9 gratuito e est\u00e1 dispon\u00edvel para download no reposit\u00f3rio oficial do WordPress.<\/p>\n\n\n\n

WP Fastest Cache<\/a><\/strong>:<\/strong> Este plugin tamb\u00e9m \u00e9 gratuito e est\u00e1 dispon\u00edvel para download no reposit\u00f3rio oficial do WordPress.<\/p>\n\n\n\n

WP Rocket<\/a><\/strong>:<\/strong> Este plugin de cache \u00e9 pago. <\/p>\n\n\n\n

Otimiza\u00e7\u00e3o das imagens<\/strong><\/h3>\n\n\n\n

Ter boas imagens no seu site pode fazer toda a diferen\u00e7a no momento em que um usu\u00e1rio navega pelo seu site, mas estas imagens n\u00e3o devem afetar a performance da sua p\u00e1gina, por isso a otimiza\u00e7\u00e3o se torna t\u00e3o importante.<\/p>\n\n\n\n

Nesta aula, voc\u00ea ver\u00e1 dois m\u00e9todos para comprimir imagens.<\/p>\n\n\n\n

Voc\u00ea pode fazer a otimiza\u00e7\u00e3o das imagens de forma manual utilizando o site Tinypng<\/a><\/strong>, onde \u00e9 poss\u00edvel comprimir as imagens gratuitamente. Este formato \u00e9 recomendado para sites que possuem poucas imagens.<\/p>\n\n\n\n

Mas se o seu site possui uma s\u00e9rie de imagens ou voc\u00ea pretende fazer o upload de imagens com frequ\u00eancia, \u00e9 importante que voc\u00ea utilize um plugin de otimiza\u00e7\u00e3o de imagens. <\/p>\n\n\n\n

Atualmente, h\u00e1 uma s\u00e9rie de plugins de otimiza\u00e7\u00e3o de imagens dispon\u00edveis, mas n\u00f3s recomendamos que voc\u00ea utilize o plugin Smush<\/a><\/strong>,<\/strong> que \u00e9 gratuito e est\u00e1 dispon\u00edvel para download no reposit\u00f3rio oficial do WordPress. <\/p>\n\n\n\n

Se ap\u00f3s seguir todas as dicas repassadas nesta aula, a otimiza\u00e7\u00e3o do seu site ainda n\u00e3o chegou ao resultado desejado, voc\u00ea pode acessar o nosso e-book: Otimiza\u00e7\u00e3o de Performance do WordPress.<\/a> <\/strong><\/p>\n\n\n\n

Neste e-book, voc\u00ea ter\u00e1 acesso a mais dicas para que o seu site possa ter uma otimiza\u00e7\u00e3o satisfat\u00f3ria.<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"featured_media":0,"template":"","meta":{"_acf_changed":false,"kk_blocks_editor_width":"","_kiokenblocks_attr":"","_kiokenblocks_dimensions":"","_initial_content":"","_new_post":false,"_quiz_has_questions":false,"_lesson_complexity":"easy","_lesson_length":10,"_lesson_course":36919,"_lesson_preview":""},"lesson-tag":[],"class_list":["post-36907","lesson","type-lesson","status-publish","hentry","post"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/lessons\/36907","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/lessons"}],"about":[{"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/types\/lesson"}],"version-history":[{"count":1,"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/lessons\/36907\/revisions"}],"predecessor-version":[{"id":36944,"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/lessons\/36907\/revisions\/36944"}],"wp:attachment":[{"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/media?parent=36907"}],"wp:term":[{"taxonomy":"lesson-tag","embeddable":true,"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/lesson-tag?post=36907"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}