{"id":35355,"date":"2024-05-31T07:36:42","date_gmt":"2024-05-31T10:36:42","guid":{"rendered":"https:\/\/www.locaweb.com.br\/ajuda\/?post_type=ht_kb&#038;p=35355"},"modified":"2024-11-13T15:12:38","modified_gmt":"2024-11-13T18:12:38","slug":"como-melhorar-a-experiencia-do-seu-site-com-o-teste-de-performance-hospedagem-de-sites","status":"publish","type":"ht_kb","link":"https:\/\/www.locaweb.com.br\/ajuda\/wiki\/como-melhorar-a-experiencia-do-seu-site-com-o-teste-de-performance-hospedagem-de-sites\/","title":{"rendered":"Como melhorar a experi\u00eancia do seu site com o Teste de Performance? &#8211; Hospedagem de Sites"},"content":{"rendered":"    \t\t<div class=\"hts-messages hts-messages--info  hts-messages--withtitle hts-messages--withicon \"   >\r\n    \t\t\t<span class=\"hts-messages__title\">Informa\u00e7\u00e3o!<\/span>    \t\t\t    \t\t\t\t<p>\r\n    \t\t\t\t\tO Teste de Performance \u00e9 uma <span style=\"font-weight: normal !msorm;\"><strong>ferramenta que avalia e otimiza o desempenho de um site na web<\/strong><\/span>. Ele consome dados do Google para analisar diversos aspectos, como tempo de carregamento, tamanho das imagens e scripts, entre outros, e fornece sugest\u00f5es para melhorar a velocidade e a experi\u00eancia do seu cliente ou usu\u00e1rio.    \t\t\t\t<\/p>\r\n    \t\t\t    \t\t\t\r\n    \t\t<\/div><!-- \/.ht-shortcodes-messages -->\r\n    \t\t\n<h2>V\u00eddeo Tutorial<\/h2>\n<p><iframe loading=\"lazy\" title=\"Como utilizar o pagespeed na hospedagem de sites | Locaweb\" width=\"643\" height=\"362\" src=\"https:\/\/www.youtube.com\/embed\/IGaDIGIL02I?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p>Os benef\u00edcios do teste incluem:<\/p>\n<ul>\n<li>Carregamento mais r\u00e1pido de p\u00e1ginas;<\/li>\n<li>Melhores classifica\u00e7\u00f5es nos resultados de busca do Google; e<\/li>\n<li>Uma experi\u00eancia mais satisfat\u00f3ria para os visitantes do site, tanto em computadores quanto em dispositivos m\u00f3veis.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-35356\" src=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2024\/05\/print-1-teste-de-perfomance-acesso-289x300.png\" alt=\"imagem do painel mostrando as ferramentas dispon\u00edveis e destacando com um c\u00edrculo vermelho o Teste de Performance que est\u00e1 no final da p\u00e1gina.\" width=\"589\" height=\"612\" srcset=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2024\/05\/print-1-teste-de-perfomance-acesso-289x300.png 289w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2024\/05\/print-1-teste-de-perfomance-acesso-48x50.png 48w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2024\/05\/print-1-teste-de-perfomance-acesso-58x60.png 58w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2024\/05\/print-1-teste-de-perfomance-acesso-96x100.png 96w\" sizes=\"auto, (max-width: 589px) 100vw, 589px\" \/><\/p>\n<p>Quais s\u00e3o as m\u00e9tricas analisadas pelo Teste de Performance?<\/p>\n<p>O Teste de Performance utiliza v\u00e1rias m\u00e9tricas para conseguir medir se o seu site est\u00e1 rodando bem, ou se tem algum ponto que pode ser melhorado.<\/p>\n<p>As principais m\u00e9tricas analisadas s\u00e3o: <span style=\"font-weight: normal !msorm;\"><strong>o desempenho, a acessibilidade e algumas boas pr\u00e1ticas recomendadas<\/strong><\/span> que podem fazer com que seu site melhore em experi\u00eancia, velocidade e at\u00e9 suba algumas posi\u00e7\u00f5es na pesquisa do Google.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-35357\" src=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2024\/05\/print-2-principais-metricas-pagespeed-300x86.png\" alt=\"imagem do painel do Teste de Performance mostrando as pontua\u00e7\u00f5es que um site obteve nas tr\u00eas m\u00e9tricas apresentadas, al\u00e9m de indicar quais precisam de mais aten\u00e7\u00e3o. Primeiro, tem a m\u00e9trica de desempenho com 90 de pontua\u00e7\u00e3o e com indica\u00e7\u00e3o de que est\u00e1 em um n\u00edvel bom. Em segundo est\u00e1 a Acessibilidade com 48 pontos e mostrando um sinal que indica aten\u00e7\u00e3o (a cor amarela). Por \u00faltimo, tem a m\u00e9trica de pr\u00e1ticas recomendadas com 20 de pontua\u00e7\u00e3o e indicando uma cor de alerta (o vermelho).\" width=\"621\" height=\"178\" srcset=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2024\/05\/print-2-principais-metricas-pagespeed-300x86.png 300w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2024\/05\/print-2-principais-metricas-pagespeed-1024x293.png 1024w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2024\/05\/print-2-principais-metricas-pagespeed-768x220.png 768w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2024\/05\/print-2-principais-metricas-pagespeed-50x14.png 50w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2024\/05\/print-2-principais-metricas-pagespeed-60x17.png 60w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2024\/05\/print-2-principais-metricas-pagespeed-100x29.png 100w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2024\/05\/print-2-principais-metricas-pagespeed.png 1270w\" sizes=\"auto, (max-width: 621px) 100vw, 621px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2><strong>Desempenho<\/strong><\/h2>\n<p>A m\u00e9trica de desempenho do Teste de Performance \u00e9 baseada em uma variedade de fatores que afetam a velocidade e a usabilidade de um site. Alguns dos principais elementos considerados incluem:<\/p>\n<ul>\n<li><span style=\"font-weight: normal !msorm;\"><strong>Tempo de carregamento: <\/strong><\/span>avalia quanto tempo leva para que a p\u00e1gina seja completamente carregada pelo navegador do usu\u00e1rio.<\/li>\n<li><span style=\"font-weight: normal !msorm;\"><strong>Renderiza\u00e7\u00e3o e renderiza\u00e7\u00e3o cr\u00edtica:<\/strong><\/span> verifica a rapidez com que os elementos essenciais da p\u00e1gina s\u00e3o renderizados e exibidos na tela, permitindo uma visualiza\u00e7\u00e3o r\u00e1pida do conte\u00fado principal.<\/li>\n<li><span style=\"font-weight: normal !msorm;\"><strong>Otimiza\u00e7\u00e3o de imagens:<\/strong><\/span> analisa se as imagens est\u00e3o otimizadas para a web, o que inclui seu tamanho, formato e compress\u00e3o, garantirantindo que elas sejam carregadas rapidamente sem comprometer a qualidade visual.<\/li>\n<li><span style=\"font-weight: normal !msorm;\"><strong>Redu\u00e7\u00e3o do tamanho do arquivo CSS, JavaScript e HTML:<\/strong><\/span> verifica se os arquivos CSS, JavaScript e HTML est\u00e3o minimizados e comprimidos para reduzir o tempo de carregamento da p\u00e1gina.<\/li>\n<li><span style=\"font-weight: normal !msorm;\"><strong>Cache de navegador:<\/strong><\/span> avalia se o site est\u00e1 configurado para aproveitar o cache do navegador, o que permite que elementos est\u00e1ticos sejam armazenados localmente no dispositivo do usu\u00e1rio, reduzindo a necessidade de recarreg\u00e1-los em visitas consecutivas.<\/li>\n<\/ul>\n<p>Ao otimizar esses elementos, os desenvolvedores podem melhorar significativamente a velocidade e a usabilidade de suas p\u00e1ginas da web. Cada m\u00e9trica \u00e9 avaliada de 0 a 100, onde quanto mais alta a pontua\u00e7\u00e3o melhor est\u00e1 o seu site.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-35358\" src=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2024\/05\/print-3-desempenho-300x215.png\" alt=\"imagem da m\u00e9trica de desempenho mostrando a pontua\u00e7\u00e3o recebida e todos os requisitos individuais que s\u00e3o considerados para chegar at\u00e9 a avalia\u00e7\u00e3o final.\" width=\"636\" height=\"456\" srcset=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2024\/05\/print-3-desempenho-300x215.png 300w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2024\/05\/print-3-desempenho-768x550.png 768w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2024\/05\/print-3-desempenho-50x36.png 50w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2024\/05\/print-3-desempenho-60x43.png 60w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2024\/05\/print-3-desempenho-100x72.png 100w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2024\/05\/print-3-desempenho.png 871w\" sizes=\"auto, (max-width: 636px) 100vw, 636px\" \/><\/p>\n<h2><strong>Acessibilidade<\/strong><\/h2>\n<p>A m\u00e9trica de acessibilidade do Teste de Performance avalia a facilidade com que os usu\u00e1rios podem interagir e consumir o conte\u00fado de um site, especialmente para aqueles com defici\u00eancias ou restri\u00e7\u00f5es de acesso. Alguns dos elementos considerados incluem:<\/p>\n<ul>\n<li>A presen\u00e7a de r\u00f3tulos em formul\u00e1rios;<\/li>\n<li>Contraste adequado entre texto e fundo;<\/li>\n<li>Tamanhos de fonte leg\u00edveis;<\/li>\n<li>Estrutura l\u00f3gica de navega\u00e7\u00e3o.<\/li>\n<\/ul>\n<p>Ao garantir que um site seja acess\u00edvel a todos os usu\u00e1rios, voc\u00ea pode obter diversos benef\u00edcios, entre eles: maior inclus\u00e3o, aumento no alcance de p\u00fablicos diversificados, cumprimento de regulamenta\u00e7\u00f5es e diretrizes de acessibilidade, al\u00e9m de uma melhor experi\u00eancia para todos os visitantes.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-35359\" src=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2024\/05\/print-4-acessibilidade-300x76.png\" alt=\"imagem da m\u00e9trica de acessibilidade mostrando a pontua\u00e7\u00e3o recebida dentro do Teste de Performance.\" width=\"628\" height=\"159\" srcset=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2024\/05\/print-4-acessibilidade-300x76.png 300w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2024\/05\/print-4-acessibilidade-768x194.png 768w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2024\/05\/print-4-acessibilidade-50x13.png 50w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2024\/05\/print-4-acessibilidade-60x15.png 60w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2024\/05\/print-4-acessibilidade-100x25.png 100w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2024\/05\/print-4-acessibilidade.png 877w\" sizes=\"auto, (max-width: 628px) 100vw, 628px\" \/><\/p>\n<h2><strong>Pr\u00e1ticas Recomendadas<\/strong><\/h2>\n<p>As pr\u00e1ticas recomendadas pelo Teste de Performance envolvem uma s\u00e9rie de otimiza\u00e7\u00f5es que visam melhorar o desempenho e a experi\u00eancia dos usu\u00e1rios em um site. Isso inclui:<\/p>\n<ul>\n<li>Compress\u00e3o e otimiza\u00e7\u00e3o de imagens;<\/li>\n<li>Redu\u00e7\u00e3o de arquivos CSS, JavaScript e HTML;<\/li>\n<li>Uso eficiente de cache do navegador;<\/li>\n<li>Implementa\u00e7\u00e3o de carregamento ass\u00edncrono de recursos;<\/li>\n<li>Redu\u00e7\u00e3o do tempo de resposta do servidor.<\/li>\n<\/ul>\n<p>Essas pr\u00e1ticas beneficiam os sites de v\u00e1rias maneiras. Primeiramente, elas resultam em carregamentos mais r\u00e1pidos, o que melhora a experi\u00eancia do usu\u00e1rio, reduzindo a taxa de rejei\u00e7\u00e3o e aumentando o tempo de perman\u00eancia no site.<\/p>\n<p>Al\u00e9m disso, um site mais r\u00e1pido tende a ter uma melhor classifica\u00e7\u00e3o nos resultados de pesquisa do Google, o que pode aumentar o tr\u00e1fego org\u00e2nico e as convers\u00f5es.<\/p>\n<p>Por fim, ao seguir as pr\u00e1ticas recomendadas, voc\u00ea pode garantir que seus sites sejam eficientes em termos de largura de banda e recursos, gerando economias de custos em hospedagem e infraestrutura.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-35360\" src=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2024\/05\/print-5-praticas-recomendadas-300x74.png\" alt=\"imagem da m\u00e9trica de pr\u00e1ticas recomendadas mostrando a pontua\u00e7\u00e3o recebida dentro do Teste de Performance.\" width=\"632\" height=\"156\" srcset=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2024\/05\/print-5-praticas-recomendadas-300x74.png 300w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2024\/05\/print-5-praticas-recomendadas-768x190.png 768w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2024\/05\/print-5-praticas-recomendadas-50x12.png 50w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2024\/05\/print-5-praticas-recomendadas-60x15.png 60w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2024\/05\/print-5-praticas-recomendadas-100x25.png 100w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2024\/05\/print-5-praticas-recomendadas.png 879w\" sizes=\"auto, (max-width: 632px) 100vw, 632px\" \/><\/p>\n    \t\t<div class=\"hts-messages hts-messages--info  hts-messages--withtitle hts-messages--withicon \"   >\r\n    \t\t\t<span class=\"hts-messages__title\">Conhe\u00e7a!<\/span>    \t\t\t    \t\t\t\t<p>\r\n    \t\t\t\t\tAproveite e conhe\u00e7a outros produtos da Locaweb, como o VPS Locaweb,\u00a0<a href=\"https:\/\/www.locaweb.com.br\/vps-locaweb\" target=\"_blank\" rel=\"noopener\">clique aqui<\/a>\u00a0e saiba mais!    \t\t\t\t<\/p>\r\n    \t\t\t    \t\t\t\r\n    \t\t<\/div><!-- \/.ht-shortcodes-messages -->\r\n    \t\t\n","protected":false},"excerpt":{"rendered":"<p>V\u00eddeo Tutorial Os benef\u00edcios do teste incluem: Carregamento mais r\u00e1pido de p\u00e1ginas; Melhores classifica\u00e7\u00f5es nos resultados de busca do Google; e Uma experi\u00eancia mais satisfat\u00f3ria para os visitantes do site, tanto em computadores quanto em dispositivos m\u00f3veis. Quais s\u00e3o as m\u00e9tricas analisadas pelo Teste de Performance? O Teste de Performance&#8230;<\/p>\n","protected":false},"author":41,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[119],"ht-kb-tag":[],"class_list":["post-35355","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-hospedagem-de-sites"],"_links":{"self":[{"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb\/35355","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/users\/41"}],"replies":[{"embeddable":true,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/comments?post=35355"}],"version-history":[{"count":3,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb\/35355\/revisions"}],"predecessor-version":[{"id":36892,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb\/35355\/revisions\/36892"}],"wp:attachment":[{"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/media?parent=35355"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb-category?post=35355"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb-tag?post=35355"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}