{"id":5981,"date":"2023-11-09T15:00:00","date_gmt":"2023-11-09T15:00:00","guid":{"rendered":"https:\/\/storeseo.com\/?p=5981"},"modified":"2023-11-15T04:56:47","modified_gmt":"2023-11-15T04:56:47","slug":"google-pagespeed-insights","status":"publish","type":"post","link":"https:\/\/storeseo.com\/pt\/google-pagespeed-insights\/","title":{"rendered":"Google PageSpeed Insights: O que \u00e9 e 10 maneiras de melhorar sua pontua\u00e7\u00e3o"},"content":{"rendered":"<p>Ter um site que carrega de forma r\u00e1pida e eficiente n\u00e3o \u00e9 apenas um luxo; \u00e9 uma necessidade. O PageSpeed Insights \u00e9 uma ferramenta do Google que avalia a velocidade de carregamento do seu site e oferece sugest\u00f5es valiosas para torn\u00e1-lo ainda mais r\u00e1pido. N\u00e3o importa se voc\u00ea \u00e9 propriet\u00e1rio de um site, gerente de conte\u00fado ou especialista em SEO, voc\u00ea deve ter ideias bem claras sobre como otimizar o carregamento do seu site. <strong>Google PageSpeed Insights (PSI)<\/strong>, suas m\u00e9tricas e as maneiras de melhorar sua pontua\u00e7\u00e3o.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/Google-PageSpeed-Insights_-What-It-Is-10-Ways-To-Boost-Its-Score-1024x576.png\" alt=\"\" class=\"wp-image-6045\" title=\"\" srcset=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/Google-PageSpeed-Insights_-What-It-Is-10-Ways-To-Boost-Its-Score-1024x576.png 1024w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/Google-PageSpeed-Insights_-What-It-Is-10-Ways-To-Boost-Its-Score-300x169.png 300w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/Google-PageSpeed-Insights_-What-It-Is-10-Ways-To-Boost-Its-Score-768x432.png 768w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/Google-PageSpeed-Insights_-What-It-Is-10-Ways-To-Boost-Its-Score-360x203.png 360w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/Google-PageSpeed-Insights_-What-It-Is-10-Ways-To-Boost-Its-Score.png 1280w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption><\/figcaption><\/figure>\n\n\n\n<p>Neste blog, vamos compartilhar o que \u00e9 o PageSpeed Insights do Google, quais m\u00e9tricas ele usa (juntamente com a faixa ideal que voc\u00ea deve buscar) para medir o desempenho do seu site e 10 maneiras f\u00e1ceis e pr\u00e1ticas de melhorar a pontua\u00e7\u00e3o do PageSpeed Insights do Google para o seu site. Ent\u00e3o, se voc\u00ea quer alcan\u00e7ar uma pontua\u00e7\u00e3o de 100\/100 ou pr\u00f3xima a essa marca, continue lendo.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>O que \u00e9 o Google PageSpeed Insights?<\/strong><\/h2>\n\n\n\n<p>O Google PageSpeed Insights (PSI) \u00e9 uma ferramenta gratuita. <a href=\"https:\/\/pagespeed.web.dev\/\" target=\"_blank\" rel=\"noreferrer noopener\">ferramenta de medi\u00e7\u00e3o de desempenho<\/a> do Google. Esta ferramenta \u00e9 \u00fatil para analisar a velocidade de carregamento de um site ou URL em dispositivos m\u00f3veis e computadores.&nbsp;<\/p>\n\n\n\n<p>Independentemente do URL inserido nesta ferramenta, o PSI apresentar\u00e1 uma pontua\u00e7\u00e3o de desempenho geral ap\u00f3s analisar v\u00e1rias m\u00e9tricas (mais detalhes abaixo). A pontua\u00e7\u00e3o de desempenho pode <strong>variam de 0 a 100<\/strong>.&nbsp;<\/p>\n\n\n\n<p>Aqui, 0 \u00e9 a pontua\u00e7\u00e3o mais baixa e 100 \u00e9 a mais alta. Quanto maior a pontua\u00e7\u00e3o, melhor otimizado est\u00e1 o site ou a p\u00e1gina. Uma pontua\u00e7\u00e3o mais alta geralmente se traduz em maior velocidade e efici\u00eancia do site analisado. Ap\u00f3s a conclus\u00e3o da an\u00e1lise, a ferramenta sugerir\u00e1 \u00e1reas para melhorar a pontua\u00e7\u00e3o e oportunidades de otimiza\u00e7\u00e3o.&nbsp;<\/p>\n\n\n\n<p>Note que, embora existam diversas ferramentas de auditoria de velocidade de p\u00e1gina para propriet\u00e1rios de sites, o Google PageSpeed Insights (PSI) \u00e9 a mais popular. Uma das raz\u00f5es para essa popularidade pode ser o fato de ser uma ferramenta do Google, e a maioria dos propriet\u00e1rios de sites busca otimizar a visibilidade de seus sites nessa plataforma.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>M\u00e9tricas importantes do PageSpeed Insights e pontua\u00e7\u00f5es ideais para otimiza\u00e7\u00e3o<\/strong><\/h2>\n\n\n\n<p>Os usu\u00e1rios esperam que as p\u00e1ginas da web carreguem rapidamente e funcionem sem problemas, e \u00e9 a\u00ed que o PageSpeed Insights entra em a\u00e7\u00e3o. Para otimizar seu site de forma eficaz e obter uma pontua\u00e7\u00e3o melhor no Google PageSpeed Insights, voc\u00ea precisa entender as m\u00e9tricas que ele utiliza, como CLS, LCP, FID, FCP, INP e TTFB, e as pontua\u00e7\u00f5es ideais para essas m\u00e9tricas em diferentes dispositivos.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1366\" height=\"651\" src=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/overall-score-page-google-pagespeed-insights.png\" alt=\"pagespeed insights score preview\" class=\"wp-image-5985\" title=\"\" srcset=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/overall-score-page-google-pagespeed-insights.png 1366w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/overall-score-page-google-pagespeed-insights-300x143.png 300w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/overall-score-page-google-pagespeed-insights-1024x488.png 1024w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/overall-score-page-google-pagespeed-insights-768x366.png 768w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/overall-score-page-google-pagespeed-insights-360x172.png 360w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/figure>\n<\/div>\n\n\n<p>Ent\u00e3o, como funciona? Bem, depois de inserir o link do seu site no Google PageSpeed Insights e clicar no bot\u00e3o &quot;Analisar&quot;, voc\u00ea receber\u00e1 uma pontua\u00e7\u00e3o geral de desempenho (tanto para dispositivos m\u00f3veis quanto para computadores) com base na m\u00e9dia de desempenho em diferentes m\u00e9tricas. Vamos falar sobre essas m\u00e9tricas que comp\u00f5em a pontua\u00e7\u00e3o geral de desempenho.&nbsp;&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Maior Conte\u00fado de Pintura (LCP)<\/strong><\/h3>\n\n\n\n<p><a href=\"https:\/\/web.dev\/articles\/lcp\" target=\"_blank\" rel=\"noreferrer noopener\">Maior conte\u00fado de pintura<\/a>, O LCP, ou Percentual de Conte\u00fado Mais Longo (LCP), mede a rapidez com que o maior elemento de conte\u00fado dentro da \u00e1rea vis\u00edvel se torna vis\u00edvel. Ele impacta diretamente a velocidade de carregamento percebida da sua p\u00e1gina. <strong>A pontua\u00e7\u00e3o ideal do LCP \u00e9 de 2,5 segundos ou menos.<\/strong>. No entanto, voc\u00ea precisa levar essa m\u00e9trica a s\u00e9rio se ela for superior a 4 segundos. Um LCP mais r\u00e1pido garante que os usu\u00e1rios possam ver e interagir com seu conte\u00fado rapidamente.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"821\" height=\"264\" src=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/lcp-google-pagespeed-insights.png\" alt=\"largest contentful paint ideal score\" class=\"wp-image-5986\" title=\"\" srcset=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/lcp-google-pagespeed-insights.png 821w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/lcp-google-pagespeed-insights-300x96.png 300w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/lcp-google-pagespeed-insights-768x247.png 768w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/lcp-google-pagespeed-insights-360x116.png 360w\" sizes=\"(max-width: 821px) 100vw, 821px\" \/><figcaption class=\"wp-element-caption\">Fonte da imagem: <a href=\"https:\/\/web.dev\/articles\/lcp\" rel=\"noopener\">desenvolvimento web<\/a><\/figcaption><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><strong>Primeiro atraso de entrada (FID)<\/strong><\/h3>\n\n\n\n<p><a href=\"https:\/\/web.dev\/articles\/fid\" target=\"_blank\" rel=\"noreferrer noopener\">Primeiro atraso de entrada<\/a>, O FID (First Interaction Decision), ou Tempo de Resposta Inicial, avalia a responsividade de uma p\u00e1gina da web medindo o tempo que o navegador leva para processar a primeira intera\u00e7\u00e3o do usu\u00e1rio (clique ou toque). Uma pontua\u00e7\u00e3o de FID mais baixa indica um site mais responsivo. O Google recomenda um valor ideal de FID. <strong>Pontua\u00e7\u00e3o FID de 100 milissegundos ou menos<\/strong>. Uma pontua\u00e7\u00e3o melhor aqui garante que os usu\u00e1rios possam interagir com seu site sem muita demora.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"828\" height=\"236\" src=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/fid-google-pagespeed-insights.png\" alt=\"first input delay ideal score\" class=\"wp-image-5987\" title=\"\" srcset=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/fid-google-pagespeed-insights.png 828w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/fid-google-pagespeed-insights-300x86.png 300w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/fid-google-pagespeed-insights-768x219.png 768w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/fid-google-pagespeed-insights-360x103.png 360w\" sizes=\"(max-width: 828px) 100vw, 828px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><strong>Mudan\u00e7a cumulativa de layout (CLS)<\/strong><\/h3>\n\n\n\n<p><a href=\"https:\/\/web.dev\/articles\/cls\" target=\"_blank\" rel=\"noreferrer noopener\">Mudan\u00e7a cumulativa de layout<\/a>, O CLS (Client Level Scale) mede a estabilidade visual de uma p\u00e1gina da web. Ele quantifica o quanto os elementos da p\u00e1gina se deslocam durante o carregamento. Uma pontua\u00e7\u00e3o de CLS baixa \u00e9 crucial para garantir uma experi\u00eancia de usu\u00e1rio perfeita. Google <strong>recomenda uma pontua\u00e7\u00e3o CLS de 0,1 ou menos.<\/strong>. Se voc\u00ea conseguir atingir essa pontua\u00e7\u00e3o, seus usu\u00e1rios n\u00e3o ficar\u00e3o frustrados com elementos pulando na p\u00e1gina.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"835\" height=\"239\" src=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/cls-google-pagespeed-insights.png\" alt=\"cumulative layout shift ideal score\" class=\"wp-image-5988\" title=\"\" srcset=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/cls-google-pagespeed-insights.png 835w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/cls-google-pagespeed-insights-300x86.png 300w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/cls-google-pagespeed-insights-768x220.png 768w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/cls-google-pagespeed-insights-360x103.png 360w\" sizes=\"(max-width: 835px) 100vw, 835px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><strong>Primeira Pintura de Conte\u00fado (FCP)<\/strong><\/h3>\n\n\n\n<p><a href=\"https:\/\/web.dev\/articles\/fcp\" target=\"_blank\" rel=\"noreferrer noopener\">Primeira Pintura Contente<\/a>, O FCP, ou tempo de carregamento da p\u00e1gina, mede o tempo que o navegador leva para renderizar o primeiro conte\u00fado na tela. \u00c9 um elemento fundamental na percep\u00e7\u00e3o da velocidade de carregamento da p\u00e1gina. De acordo com o Google, voc\u00ea deve se esfor\u00e7ar ao m\u00e1ximo para manter um bom tempo de carregamento. <strong>Pontua\u00e7\u00e3o FCP de 1,8 segundos ou menos<\/strong> para o seu site. Essa pontua\u00e7\u00e3o garante que os usu\u00e1rios vejam conte\u00fado relevante rapidamente.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"816\" height=\"256\" src=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/fcp-google-pagespeed-insights.png\" alt=\"first contentful paint ideal score\" class=\"wp-image-5989\" title=\"\" srcset=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/fcp-google-pagespeed-insights.png 816w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/fcp-google-pagespeed-insights-300x94.png 300w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/fcp-google-pagespeed-insights-768x241.png 768w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/fcp-google-pagespeed-insights-360x113.png 360w\" sizes=\"(max-width: 816px) 100vw, 816px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><strong>Intera\u00e7\u00e3o para a Pr\u00f3xima Pintura (INP)<\/strong><\/h3>\n\n\n\n<p><a href=\"https:\/\/web.dev\/articles\/inp\" target=\"_blank\" rel=\"noreferrer noopener\">Intera\u00e7\u00e3o para a pr\u00f3xima pintura<\/a>, O INP, ou \u00cdndice de Desempenho do Usu\u00e1rio, avalia o tempo que a intera\u00e7\u00e3o do usu\u00e1rio com a p\u00e1gina leva para a pr\u00f3xima mudan\u00e7a visual na tela. Uma pontua\u00e7\u00e3o de INP mais baixa indica um site mais responsivo. Voc\u00ea deve tentar manter o INP o mais baixo poss\u00edvel. <strong>Pontua\u00e7\u00e3o INP de 200 milissegundos ou menos<\/strong> tanto para dispositivos m\u00f3veis quanto para computadores. Uma boa pontua\u00e7\u00e3o aqui garante que as intera\u00e7\u00f5es do usu\u00e1rio sejam traduzidas de forma r\u00e1pida e eficiente em mudan\u00e7as vis\u00edveis na p\u00e1gina.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"789\" height=\"518\" src=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/inp-google-pagespeed-insights.png\" alt=\"interaction to next paint ideal score\" class=\"wp-image-5990\" title=\"\" srcset=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/inp-google-pagespeed-insights.png 789w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/inp-google-pagespeed-insights-300x197.png 300w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/inp-google-pagespeed-insights-768x504.png 768w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/inp-google-pagespeed-insights-360x236.png 360w\" sizes=\"(max-width: 789px) 100vw, 789px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><strong>Tempo at\u00e9 o primeiro byte (TTFB)<\/strong><\/h3>\n\n\n\n<p><a href=\"https:\/\/web.dev\/articles\/ttfb\" target=\"_blank\" rel=\"noreferrer noopener\">Tempo at\u00e9 o primeiro byte<\/a>, O TTFB, ou TTFB (Time to Byte), mede o tempo que o navegador leva para receber o primeiro byte de dados do servidor. Ele impacta diretamente o tempo de resposta percebido do servidor. O TTFB ideal <strong>A pontua\u00e7\u00e3o \u00e9 de 0,8 segundos ou menos.<\/strong>. Se voc\u00ea tiver uma boa pontua\u00e7\u00e3o, significa que o servidor responde rapidamente. Isso ajudar\u00e1 a reduzir o tempo de espera dos usu\u00e1rios e a melhorar a experi\u00eancia de navega\u00e7\u00e3o.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"799\" height=\"228\" src=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/ttfb-google-pagespeed-insights.png\" alt=\"time to first byte ideal score\" class=\"wp-image-5991\" title=\"\" srcset=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/ttfb-google-pagespeed-insights.png 799w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/ttfb-google-pagespeed-insights-300x86.png 300w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/ttfb-google-pagespeed-insights-768x219.png 768w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/ttfb-google-pagespeed-insights-360x103.png 360w\" sizes=\"(max-width: 799px) 100vw, 799px\" \/><\/figure>\n<\/div>\n\n\n<p>A otimiza\u00e7\u00e3o para essas m\u00e9tricas envolve uma combina\u00e7\u00e3o de fatores, incluindo a minimiza\u00e7\u00e3o de recursos que bloqueiam a renderiza\u00e7\u00e3o, a otimiza\u00e7\u00e3o de imagens, o aproveitamento do cache do navegador, a redu\u00e7\u00e3o de JavaScript desnecess\u00e1rio e a otimiza\u00e7\u00e3o dos tempos de resposta do servidor. Priorizar a otimiza\u00e7\u00e3o para dispositivos m\u00f3veis \u00e9 particularmente importante, j\u00e1 que os algoritmos de classifica\u00e7\u00e3o do Google consideram a compatibilidade com dispositivos m\u00f3veis.<\/p>\n\n\n\n<p>Compreender e alcan\u00e7ar as pontua\u00e7\u00f5es ideais para CLS, LCP, FID, FCP, INP e TTFB em dispositivos m\u00f3veis e desktops \u00e9 essencial para a otimiza\u00e7\u00e3o de p\u00e1ginas web. Buscar essas pontua\u00e7\u00f5es ideais contribui para um site mais r\u00e1pido e f\u00e1cil de usar. Para alcan\u00e7ar essas pontua\u00e7\u00f5es e melhorar o desempenho geral do seu site na ferramenta PageSpeed Insights, \u00e9 fundamental implementar as melhores pr\u00e1ticas que compartilharemos a seguir.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>10 maneiras de melhorar a pontua\u00e7\u00e3o do Google PageSpeed Insights (PSI)&nbsp;<\/strong><\/h2>\n\n\n\n<p>Agora que voc\u00ea j\u00e1 sabe o que \u00e9 o PageSpeed Insights e quais s\u00e3o suas m\u00e9tricas, vamos mostrar 10 maneiras pr\u00e1ticas e f\u00e1ceis de melhorar a pontua\u00e7\u00e3o do Google PageSpeed Insights para o seu site ou qualquer uma de suas p\u00e1ginas. Lembre-se: quanto mais voc\u00ea otimizar seu site, melhor ser\u00e1 a pontua\u00e7\u00e3o de desempenho no Google PageSpeed Insights.\u00a0<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>1. Otimize suas imagens&nbsp;<\/strong><\/h3>\n\n\n\n<p>As imagens desempenham um papel significativo no desempenho da web e otimiz\u00e1-las pode impactar bastante sua pontua\u00e7\u00e3o no Google PageSpeed Insights. Se voc\u00ea <a href=\"https:\/\/storeseo.com\/pt\/image-optimization-for-shopify\/\" target=\"_blank\" rel=\"noreferrer noopener\">Otimize as imagens do seu site<\/a> Ao fazer isso corretamente, voc\u00ea pode reduzir facilmente os tempos de FCP e LCP. Al\u00e9m disso, pode minimizar os problemas de CLS. Aqui, exploraremos estrat\u00e9gias importantes para tornar suas imagens mais adequadas para a web, sem entrar em muitos detalhes t\u00e9cnicos.&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>\ud83d\udc49\ud83c\udffd Imagens de emagrecimento para pessoas com sobrepeso<\/strong><\/h4>\n\n\n\n<p>Imagine seu site como um carro de corrida. Se estiver carregando muito peso, ser\u00e1 mais lento na pista. O mesmo acontece com seu site. Imagens, como favicons, logotipos e imagens de produtos, podem, \u00e0s vezes, ocupar uma grande parte do tamanho da sua p\u00e1gina. Quando isso acontece, seu site fica mais lento e a experi\u00eancia do usu\u00e1rio \u00e9 afetada.<\/p>\n\n\n\n<p>Ent\u00e3o, qual \u00e9 a solu\u00e7\u00e3o? Em primeiro lugar, considere substituir as imagens PNG por JPEGs. Os JPEGs s\u00e3o muito mais leves e r\u00e1pidos. Al\u00e9m disso, compressores de imagem como <a href=\"https:\/\/tinypng.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">TinyPNG<\/a>, <a href=\"https:\/\/github.com\/google\/guetzli\" target=\"_blank\" rel=\"noreferrer noopener\">Guetzli<\/a>, e <a href=\"https:\/\/jpg2png.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">JPG 2 PNG<\/a> Pode ajudar a reduzir o tamanho das suas imagens sem comprometer a qualidade. Voc\u00ea tamb\u00e9m pode precisar excluir algumas imagens do seu site.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1366\" height=\"651\" src=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/tinypng-google-pagespeed-insights.png\" alt=\"tinypng website preview for image compression\" class=\"wp-image-5992\" title=\"\" srcset=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/tinypng-google-pagespeed-insights.png 1366w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/tinypng-google-pagespeed-insights-300x143.png 300w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/tinypng-google-pagespeed-insights-1024x488.png 1024w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/tinypng-google-pagespeed-insights-768x366.png 768w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/tinypng-google-pagespeed-insights-360x172.png 360w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/figure>\n<\/div>\n\n\n<p>Antes de come\u00e7ar a analisar o uso de imagens no seu site, pergunte-se: &quot;Eu realmente preciso de todas essas imagens?&quot;. Caso contr\u00e1rio, considere remover as desnecess\u00e1rias para economizar dados e melhorar o tempo de carregamento.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>\ud83d\udc49\ud83c\udffd Melhores pr\u00e1ticas para otimiza\u00e7\u00e3o de imagens<\/strong><\/h4>\n\n\n\n<p>Agora, vamos explorar algumas pr\u00e1ticas recomendadas para otimiza\u00e7\u00e3o de imagens:<\/p>\n\n\n\n<p><strong>Redimensionar e comprimir imagens:<\/strong> Redimensione suas imagens para as dimens\u00f5es corretas da sua p\u00e1gina web. Isso reduz o tamanho do arquivo sem perder muita qualidade. Voc\u00ea pode compactar suas imagens em lote a partir do seu site WordPress usando o <a href=\"https:\/\/wordpress.org\/plugins\/tiny-compress-images\/\" target=\"_blank\" rel=\"noreferrer noopener\">Plugin TinyPNG<\/a>.&nbsp;<\/p>\n\n\n\n<p><strong>Definir dimens\u00f5es da imagem:<\/strong> Certifique-se de especificar a altura e a largura exatas de cada imagem no c\u00f3digo do seu site. Isso ajuda o navegador a carregar a p\u00e1gina com mais efici\u00eancia, reduzindo as altera\u00e7\u00f5es de layout e melhorando a experi\u00eancia do usu\u00e1rio.<\/p>\n\n\n\n<p><strong>Utilize uma Rede de Distribui\u00e7\u00e3o de Conte\u00fado (CDN):<\/strong> Uma CDN armazena suas imagens em v\u00e1rios locais ao redor do mundo e as entrega rapidamente aos visitantes do seu site. Isso reduz o tempo que suas imagens levam para chegar ao dispositivo do usu\u00e1rio. Como resultado, seu site carrega mais r\u00e1pido.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>\ud83d\udc49\ud83c\udffd Carregamento lento para carregamento mais r\u00e1pido<\/strong><\/h4>\n\n\n\n<p>Existe um truque interessante chamado &quot;carregamento lento&quot; (lazy loading). \u00c9 como ter uma varinha m\u00e1gica para deixar seu site mais r\u00e1pido. \u00c0s vezes, as p\u00e1ginas da web carregam imagens que voc\u00ea ainda nem consegue ver na tela. Essas imagens ocultas deixam a p\u00e1gina mais lenta.<\/p>\n\n\n\n<p>O carregamento lento funciona assim: carrega as imagens somente quando necess\u00e1rio. Imagine um livro em que a pr\u00f3xima p\u00e1gina s\u00f3 aparece quando voc\u00ea o vira. Isso pode economizar muito tempo, principalmente em dispositivos m\u00f3veis com conex\u00f5es de internet mais lentas.<\/p>\n\n\n\n<p>Se voc\u00ea usa o WordPress, existem plugins como \u201c<a href=\"https:\/\/wordpress.org\/plugins\/rocket-lazy-load\" target=\"_blank\" rel=\"noreferrer noopener\">LazyLoad<\/a>\u201d&quot; ou &quot;\u201c<a href=\"https:\/\/wordpress.org\/plugins\/wp-smushit\/\" target=\"_blank\" rel=\"noreferrer noopener\">Esmagar<\/a>\u201d&quot;Que pode fazer isso por voc\u00ea.&quot;.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1072\" height=\"456\" src=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/smush-google-pagespeed-insights.png\" alt=\"smush wordpress plugin for image compression and lazy loading preview\" class=\"wp-image-5993\" title=\"\" srcset=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/smush-google-pagespeed-insights.png 1072w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/smush-google-pagespeed-insights-300x128.png 300w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/smush-google-pagespeed-insights-1024x436.png 1024w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/smush-google-pagespeed-insights-768x327.png 768w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/smush-google-pagespeed-insights-360x153.png 360w\" sizes=\"(max-width: 1072px) 100vw, 1072px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><strong>2. Use um tema mais r\u00e1pido e limpo.<\/strong><\/h3>\n\n\n\n<p>Existem certos temas criados pensando na velocidade do site. Esses temas s\u00e3o mais leves, responsivos e v\u00eam com compress\u00e3o GZIP integrada.&nbsp;<\/p>\n\n\n\n<p>Voc\u00ea pode conferir esta lista de <a href=\"https:\/\/storeseo.com\/pt\/best-shopify-themes-for-your-ecommerce-store\/\" target=\"_blank\" rel=\"noreferrer noopener\">Temas de com\u00e9rcio eletr\u00f4nico da Shopify<\/a>, e decida se deve considerar atualizar o tema do seu site para melhorar suas pontua\u00e7\u00f5es PSI, bem como o SEO em geral.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>3. Incorporar conte\u00fado de v\u00eddeo&nbsp;<\/strong><\/h3>\n\n\n\n<p>Se voc\u00ea deseja fazer upload de v\u00eddeos em seu site, nossa recomenda\u00e7\u00e3o \u00e9: n\u00e3o fa\u00e7a isso. O upload de v\u00eddeos diretamente no seu site pode sobrecarreg\u00e1-lo. \u00c9 especialmente problem\u00e1tico e estressante para o servidor web quando v\u00e1rios usu\u00e1rios reproduzem seus v\u00eddeos simultaneamente.&nbsp;<\/p>\n\n\n\n<p>Ent\u00e3o, o que voc\u00ea pode fazer? N\u00e3o se preocupe em fazer o upload do seu v\u00eddeo diretamente no seu site. Em vez disso, fa\u00e7a o upload dos seus v\u00eddeos em plataformas como YouTube, Vimeo ou Dailymotion e, em seguida, incorpore o v\u00eddeo no seu site usando... <a href=\"https:\/\/embedpress.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">EmbedPress<\/a>. Isso ajudar\u00e1 voc\u00ea a melhorar significativamente a velocidade de carregamento da sua p\u00e1gina e a aumentar a pontua\u00e7\u00e3o do seu site no Google PageSpeed Insights.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1366\" height=\"651\" src=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/embedpress-google-pagespeed-insights.png\" alt=\"EmbedPress preview for embedding any links\" class=\"wp-image-5994\" title=\"\" srcset=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/embedpress-google-pagespeed-insights.png 1366w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/embedpress-google-pagespeed-insights-300x143.png 300w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/embedpress-google-pagespeed-insights-1024x488.png 1024w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/embedpress-google-pagespeed-insights-768x366.png 768w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/embedpress-google-pagespeed-insights-360x172.png 360w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/figure>\n<\/div>\n\n\n<p>Outra coisa: se voc\u00ea quiser compartilhar algo animado em seu site, considere usar arquivos no formato GIF ap\u00f3s compact\u00e1-los com... <a href=\"https:\/\/gifcompressor.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Compressor de GIF<\/a>. Voc\u00ea tamb\u00e9m pode editar seu GIF com diversas ferramentas, como... <a href=\"https:\/\/ezgif.com\/\" rel=\"noopener\">EZgif<\/a>. Certifique-se de que os GIFs sejam curtos para manter a velocidade de carregamento da p\u00e1gina est\u00e1vel.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>4. Priorize o conte\u00fado acima da dobra.<\/strong><\/h3>\n\n\n\n<p>Embora possa parecer estranho, \u00e9 importante saber que o carregamento de uma p\u00e1gina n\u00e3o se resume apenas \u00e0 velocidade de carregamento. A percep\u00e7\u00e3o de desempenho tamb\u00e9m \u00e9 um fator crucial a ser avaliado.&nbsp;<\/p>\n\n\n\n<p>Ent\u00e3o <strong>O que \u00e9 desempenho percebido?<\/strong>Bem, em termos simples, a percep\u00e7\u00e3o de desempenho \u00e9 &quot;a rapidez com que um site parece carregar para os usu\u00e1rios&quot;. N\u00e3o se trata exatamente da velocidade de carregamento do seu site, e isso n\u00e3o pode ser medido com nenhuma ferramenta de teste de sites. Em vez disso, est\u00e1 relacionado \u00e0 perspectiva ou experi\u00eancia do usu\u00e1rio.&nbsp;<\/p>\n\n\n\n<p>Se voc\u00ea se preocupa em melhorar a percep\u00e7\u00e3o de desempenho, deve priorizar o carregamento do conte\u00fado mais importante para seus usu\u00e1rios. Vamos ilustrar com um exemplo: o conte\u00fado vis\u00edvel acima da dobra (over-the-fold) do seu site deve carregar antes de qualquer widget de terceiros.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>5. Ative e aproveite o cache do navegador<\/strong><\/h3>\n\n\n\n<p>Imagine que voc\u00ea est\u00e1 lendo um livro de hist\u00f3rias emocionante. Agora, pense em um marcador de p\u00e1ginas que memoriza a \u00faltima p\u00e1gina lida, para que voc\u00ea possa continuar a aventura instantaneamente na pr\u00f3xima vez. O cache do navegador \u00e9 um pouco como esse marcador para p\u00e1ginas da web. \u00c9 um recurso fant\u00e1stico que ajuda as p\u00e1ginas a carregarem mais r\u00e1pido, especialmente para visitantes recorrentes.<\/p>\n\n\n\n<p>Como funciona? Quando seus visitantes acessam uma p\u00e1gina do seu site, imagens e v\u00eddeos s\u00e3o armazenados em seus dispositivos. Na pr\u00f3xima vez que retornarem, o navegador n\u00e3o precisa buscar essas imagens e v\u00eddeos da internet novamente. O navegador os carrega rapidamente da sua mem\u00f3ria, fazendo com que a p\u00e1gina apare\u00e7a num instante.&nbsp;<\/p>\n\n\n\n<p>Em outras palavras, o cache do navegador ajuda o navegador dos seus visitantes a &quot;lembrar&quot; certas partes de uma p\u00e1gina da web que foram carregadas recentemente, como o cabe\u00e7alho, a navega\u00e7\u00e3o e o logotipo. Dessa forma, o navegador n\u00e3o precisa buscar esses elementos inalterados toda vez que eles visitam a p\u00e1gina, e eles obt\u00eam tempos de carregamento extremamente r\u00e1pidos.&nbsp;<\/p>\n\n\n\n<p>\u00c9 importante notar que o Google recomenda uma pol\u00edtica de cache m\u00ednima de uma semana. No entanto, at\u00e9 um ano \u00e9 aceit\u00e1vel para elementos que n\u00e3o mudam com frequ\u00eancia.<\/p>\n\n\n\n<p>E aqui est\u00e1 a parte interessante: quanto mais o navegador dos seus visitantes puder armazenar em cache, menos dados ter\u00e1 que carregar ao acessar uma p\u00e1gina da web. O resultado? As p\u00e1ginas carregam mais r\u00e1pido e os visitantes podem aproveitar o conte\u00fado sem esperar. E, como b\u00f4nus, voc\u00ea obt\u00e9m uma pontua\u00e7\u00e3o mais alta no Google PageSpeed Insights para o seu site.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>6. Corrigir redirecionamentos de p\u00e1gina m\u00faltiplos&nbsp;<\/strong><\/h3>\n\n\n\n<p>Voc\u00ea sabe o que acontece quando uma p\u00e1gina \u00e9 redirecionada para outro URL? Quando voc\u00ea tenta acessar uma p\u00e1gina que foi redirecionada, o servidor informa ao seu navegador que a p\u00e1gina mudou de endere\u00e7o. Ent\u00e3o, o navegador precisa buscar o novo URL. Essa etapa extra pode tornar o carregamento da p\u00e1gina mais lento.<\/p>\n\n\n\n<p>Por isso, \u00e9 crucial minimizar os redirecionamentos sempre que poss\u00edvel. Mesmo um \u00fanico redirecionamento pode afetar a velocidade da sua p\u00e1gina, mas a situa\u00e7\u00e3o pode ficar complicada quando voc\u00ea encontra v\u00e1rios redirecionamentos em sequ\u00eancia. Chamamos isso de &quot;cadeia de redirecionamentos&quot;. Eles geralmente ocorrem quando p\u00e1ginas antigas s\u00e3o substitu\u00eddas por novas, deixando um rastro de redirecionamentos.<\/p>\n\n\n\n<p>O Google consegue lidar com at\u00e9 10 redirecionamentos sem problemas. No entanto, cadeias de redirecionamentos podem deixar seu site mais lento sem um bom motivo. Para melhorar o tempo de carregamento da sua p\u00e1gina e a pontua\u00e7\u00e3o do PageSpeed Insights, o ideal \u00e9 manter as coisas simples. Redirecione diretamente da URL original para a mais recente. Para lidar com essas cadeias de redirecionamentos, voc\u00ea pode usar ferramentas de SEO como o Semrush.&nbsp;<\/p>\n\n\n\n<p>Se voc\u00ea identificar alguma cadeia de redirecionamentos, tamb\u00e9m poder\u00e1 corrigi-la a partir do seu site WordPress. <a href=\"https:\/\/wordpress.org\/plugins\/betterlinks\/\" target=\"_blank\" rel=\"noreferrer noopener\">BetterLinks<\/a> Este plugin permite encurtar, gerenciar e rastrear qualquer URL, al\u00e9m de oferecer diversas op\u00e7\u00f5es de redirecionamento.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1366\" height=\"651\" src=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/betterlinks-google-pagespeed-insights.png\" alt=\"Betterlinks preview for better linking and redirection\" class=\"wp-image-5995\" title=\"\" srcset=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/betterlinks-google-pagespeed-insights.png 1366w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/betterlinks-google-pagespeed-insights-300x143.png 300w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/betterlinks-google-pagespeed-insights-1024x488.png 1024w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/betterlinks-google-pagespeed-insights-768x366.png 768w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/betterlinks-google-pagespeed-insights-360x172.png 360w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/figure>\n<\/div>\n\n\n<p>Ao manter seus redirecionamentos simples e minimizar as cadeias de redirecionamento, voc\u00ea n\u00e3o apenas melhorar\u00e1 a velocidade de carregamento da sua p\u00e1gina, como tamb\u00e9m tornar\u00e1 seu site mais amig\u00e1vel ao usu\u00e1rio e otimizado para SEO. \u00c9 como abrir caminho para seus visitantes online, ajudando-os a chegar ao seu destino mais rapidamente.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>7. Minificar CSS, HTML e JavaScript<\/strong><\/h3>\n\n\n\n<p>Entender como melhorar o desempenho do seu site pode ser essencial, principalmente se voc\u00ea quiser obter uma \u00f3tima pontua\u00e7\u00e3o no Google PageSpeed Insights.<\/p>\n\n\n\n<p><a href=\"https:\/\/wpdeveloper.com\/how-to-minify-css-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Minifica\u00e7\u00e3o de c\u00f3digo<\/a> \u00c9 como arrumar um quarto bagun\u00e7ado. Consiste em remover elementos desnecess\u00e1rios ou redundantes dos seus arquivos CSS, HTML e JavaScript sem afetar a funcionalidade deles. Ao fazer isso, voc\u00ea reduz o tamanho do arquivo, resultando em tempos de carregamento mais r\u00e1pidos.<\/p>\n\n\n\n<p>Eis por que a minifica\u00e7\u00e3o \u00e9 crucial para a otimiza\u00e7\u00e3o de sites:<\/p>\n\n\n\n<p><strong>Arquivos CSS:<\/strong> O CSS \u00e9 respons\u00e1vel por estilizar seu site. No entanto, ele pode conter espa\u00e7os extras, coment\u00e1rios e c\u00f3digo redundante. A minifica\u00e7\u00e3o de CSS consiste em remover esses elementos n\u00e3o essenciais, tornando o arquivo mais leve e com carregamento mais r\u00e1pido.<\/p>\n\n\n\n<p><strong>JavaScript:<\/strong> JavaScript \u00e9 a linguagem de programa\u00e7\u00e3o por tr\u00e1s da interatividade do seu site. JavaScript otimizado significa remover caracteres e espa\u00e7os em branco desnecess\u00e1rios, resultando em um c\u00f3digo mais eficiente e de carregamento mais r\u00e1pido.<\/p>\n\n\n\n<p><strong>HTML:<\/strong> O HTML \u00e9 a estrutura das suas p\u00e1ginas web. Ele pode conter elementos extras que n\u00e3o s\u00e3o necess\u00e1rios para exibir a p\u00e1gina. A minifica\u00e7\u00e3o do HTML elimina esses elementos sup\u00e9rfluos, melhorando a velocidade de carregamento.<\/p>\n\n\n\n<p>Para realizar a minifica\u00e7\u00e3o, voc\u00ea pode usar diversas ferramentas:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Para HTML, considere usar o <a href=\"https:\/\/github.com\/kangax\/html-minifier\/\" target=\"_blank\" rel=\"noreferrer noopener\">minificador de HTML<\/a>.<\/li>\n\n\n\n<li>Para minimizar o CSS, ferramentas como <a href=\"https:\/\/github.com\/cssnano\/cssnano\/\" target=\"_blank\" rel=\"noreferrer noopener\">CSSNano<\/a> e o csso s\u00e3o eficazes.<\/li>\n\n\n\n<li>Para JavaScript, <a href=\"https:\/\/github.com\/mishoo\/UglifyJS\/\" target=\"_blank\" rel=\"noreferrer noopener\">UglifyJS2<\/a> e o Closure Compiler s\u00e3o op\u00e7\u00f5es populares.<\/li>\n<\/ul>\n\n\n\n<p>Utilizando essas ferramentas, voc\u00ea pode remover automaticamente elementos desnecess\u00e1rios do seu c\u00f3digo, otimizando seu site para um melhor desempenho.<\/p>\n\n\n\n<p>No entanto, se o seu objetivo s\u00e3o tempos de carregamento extremamente r\u00e1pidos, voc\u00ea tamb\u00e9m pode explorar <a href=\"https:\/\/developers.google.com\/amp\" target=\"_blank\" rel=\"noreferrer noopener\">P\u00e1ginas M\u00f3veis Aceleradas do Google<\/a> (AMP) e AMP para an\u00fancios. Essas estruturas permitem criar p\u00e1ginas com vers\u00f5es simplificadas de HTML, CSS e JavaScript, garantindo carregamento quase instant\u00e2neo.<\/p>\n\n\n\n<p>Al\u00e9m disso, se o seu site for executado no WordPress, voc\u00ea pode utilizar plugins como \u201cHummingbird\u201d, \u201c<a href=\"https:\/\/wordpress.org\/plugins\/litespeed-cache\/\" target=\"_blank\" rel=\"noreferrer noopener\">Cache LiteSpeed<\/a>,Para simplificar o processo de minifica\u00e7\u00e3o, utilize plugins como o \u201dW3 Total Cache\u201c. Esses plugins otimizam o c\u00f3digo, tornando seu site mais r\u00e1pido sem a necessidade de ajustes manuais.<\/p>\n\n\n\n<p>Incorporar a minifica\u00e7\u00e3o de c\u00f3digo \u00e0 sua estrat\u00e9gia de otimiza\u00e7\u00e3o de sites pode melhorar significativamente o desempenho do seu site, resultando em experi\u00eancias de usu\u00e1rio aprimoradas e melhores pontua\u00e7\u00f5es no PageSpeed Insights. Ao remover o c\u00f3digo desnecess\u00e1rio, voc\u00ea estar\u00e1 no caminho para um site mais r\u00e1pido e eficiente.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>8. Utilize carregamento ass\u00edncrono para JavaScript<\/strong><\/h3>\n\n\n\n<p>Se voc\u00ea deseja melhorar o desempenho multitarefa do seu navegador, deve optar pelo carregamento ass\u00edncrono. Isso porque, no carregamento s\u00edncrono, todas as a\u00e7\u00f5es s\u00e3o pausadas pelo navegador enquanto o arquivo JavaScript est\u00e1 sendo carregado.&nbsp;&nbsp;<\/p>\n\n\n\n<p>No entanto, isso \u00e9 diferente no caso do carregamento ass\u00edncrono. Isso porque ele permite que o navegador execute outras tarefas, como carregar uma folha de estilo CSS ou renderizar uma tabela de forma bastante transparente enquanto baixa o JavaScript. Ali\u00e1s, como essa \u00e9 uma estrat\u00e9gia t\u00e9cnica, voc\u00ea deve consultar um desenvolvedor web para implement\u00e1-la.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>9. Elimine os recursos que bloqueiam a renderiza\u00e7\u00e3o<\/strong><\/h3>\n\n\n\n<p>Um dos motivos pelos quais uma p\u00e1gina da web demora muito para carregar s\u00e3o os elementos ou recursos que bloqueiam a renderiza\u00e7\u00e3o. Sejam recursos como CSS, JavaScript ou arquivos de fonte, eles competem para carregar mais r\u00e1pido do que qualquer outro elemento da p\u00e1gina. Voc\u00ea pode facilmente se livrar desse problema, tornar sua p\u00e1gina mais r\u00e1pida e melhorar a pontua\u00e7\u00e3o do Google PSI simplesmente eliminando os recursos que bloqueiam a renderiza\u00e7\u00e3o.&nbsp;<\/p>\n\n\n\n<p>Como? Bem, depois de concluir o relat\u00f3rio PSI, acesse a se\u00e7\u00e3o &quot;Oportunidades&quot; e encontre o link &quot;Eliminar recursos que bloqueiam a renderiza\u00e7\u00e3o&quot;. Agora, clique na seta para baixo ao lado da op\u00e7\u00e3o para ver uma lista dos recursos respons\u00e1veis por tornar o carregamento da p\u00e1gina mais lento. A partir da lista, voc\u00ea ter\u00e1 uma ideia dos recursos que est\u00e3o causando lentid\u00e3o no carregamento da sua p\u00e1gina. Al\u00e9m disso, voc\u00ea ter\u00e1 uma estimativa de quantos milissegundos poder\u00e1 economizar eliminando esses recursos. Agora, \u00e9 hora de descobrir quais recursos voc\u00ea pode remover.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1366\" height=\"651\" src=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/render-blocking-google-pagespeed-insights.png\" alt=\"eliminate render-blocking resources on PageSpeed insights\" class=\"wp-image-5996\" title=\"\" srcset=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/render-blocking-google-pagespeed-insights.png 1366w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/render-blocking-google-pagespeed-insights-300x143.png 300w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/render-blocking-google-pagespeed-insights-1024x488.png 1024w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/render-blocking-google-pagespeed-insights-768x366.png 768w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/render-blocking-google-pagespeed-insights-360x172.png 360w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/figure>\n<\/div>\n\n\n<p>Certifique-se de remover apenas os recursos que n\u00e3o s\u00e3o essenciais para a funcionalidade geral da p\u00e1gina que voc\u00ea vai otimizar. No entanto, remover esses recursos com precis\u00e3o, sem comprometer a renderiza\u00e7\u00e3o da sua p\u00e1gina, \u00e9 um processo um tanto t\u00e9cnico. Portanto, se voc\u00ea n\u00e3o tem muita experi\u00eancia nessa \u00e1rea, \u00e9 recomend\u00e1vel contratar um desenvolvedor especializado para eliminar os recursos que bloqueiam a renderiza\u00e7\u00e3o.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>10. Pare de usar c\u00f3digo de terceiros em excesso<\/strong><\/h3>\n\n\n\n<p>Quando usamos a express\u00e3o &quot;c\u00f3digo de terceiros&quot;, nos referimos a scripts, pixels e plugins. Todos esses elementos podem ser respons\u00e1veis por diminuir a velocidade de carregamento da sua p\u00e1gina web, o que impacta negativamente a sua pontua\u00e7\u00e3o no teste do Google PageSpeed Insights.&nbsp;<\/p>\n\n\n\n<p>O c\u00f3digo de terceiros prov\u00e9m, em grande parte, de outras empresas e permite explorar diversas oportunidades e melhorias. Alguns c\u00f3digos de terceiros, como o pixel do Google Analytics ou o pixel do Facebook, s\u00e3o de facto necess\u00e1rios para monitorizar e medir o desempenho do website, bem como para o acompanhamento de campanhas publicit\u00e1rias.&nbsp;<\/p>\n\n\n\n<p>No entanto, seu site tamb\u00e9m pode conter c\u00f3digos ou plugins de terceiros que voc\u00ea n\u00e3o usa mais ou que n\u00e3o s\u00e3o mais necess\u00e1rios. Nesse caso, a melhor solu\u00e7\u00e3o \u00e9 auditar regularmente todo o c\u00f3digo de terceiros do seu site e remover tudo o que n\u00e3o for importante.&nbsp;<\/p>\n\n\n\n<p>Ao gerar seu relat\u00f3rio do PageSpeed Insights, o Google sinaliza n\u00e3o apenas o c\u00f3digo de terceiros, mas tamb\u00e9m o tamanho da transfer\u00eancia e o tempo de bloqueio da thread principal. O ideal \u00e9 identificar os nomes das empresas que est\u00e3o executando c\u00f3digo em seu site a partir das barras cinzas. Voc\u00ea pode criar uma lista com os nomes das empresas e remover aquelas que n\u00e3o s\u00e3o mais necess\u00e1rias. Talvez seja preciso excluir o c\u00f3digo do CMS que voc\u00ea utiliza ou desinstalar os plugins do seu site WordPress.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>\ud83d\udcc8 Comece a melhorar o desempenho do seu Google PageSpeed Insights<\/strong><\/h2>\n\n\n\n<p>\u00c9 fundamental reconhecer que o desempenho na web n\u00e3o se resume a n\u00fameros e pontua\u00e7\u00f5es; trata-se de proporcionar uma experi\u00eancia fluida e agrad\u00e1vel aos seus visitantes. Os princ\u00edpios de clareza e efici\u00eancia s\u00e3o essenciais e voc\u00ea deve t\u00ea-los em mente ao otimizar seu site para o seu p\u00fablico-alvo.&nbsp;<\/p>\n\n\n\n<p>Ao implementar as estrat\u00e9gias que discutimos, voc\u00ea n\u00e3o s\u00f3 poder\u00e1 fazer com que seu site carregue mais r\u00e1pido, como tamb\u00e9m deixar uma impress\u00e3o positiva e duradoura em quem interagir com ele. Se tiver alguma d\u00favida ou opini\u00e3o, fique \u00e0 vontade para nos contar na se\u00e7\u00e3o de coment\u00e1rios abaixo. Al\u00e9m disso, <a href=\"https:\/\/storeseo.com\/pt\/blog\/\" target=\"_blank\" rel=\"noreferrer noopener\">Assine nosso blog<\/a> boletim informativo.&nbsp;<\/p>","protected":false},"excerpt":{"rendered":"<p>Aprenda o que \u00e9 o Google PageSpeed Insights e 10 maneiras incrivelmente f\u00e1ceis de aumentar sua pontua\u00e7\u00e3o no Google PageSpeed Insights.<\/p>","protected":false},"author":23,"featured_media":6045,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","inline_featured_image":false,"_eb_data_table":"","footnotes":""},"categories":[47],"tags":[632,633,634,636,173,635],"class_list":["post-5981","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seo-guide","tag-google-pagespeed-insights","tag-pagespeed-insights","tag-pagespeed-insights-by-google","tag-pagespeed-insights-tool","tag-seo-guide","tag-what-is-pagespeed-insights"],"nelio_content":{"autoShareEndMode":"never","automationSources":{"useCustomSentences":false,"customSentences":[]},"efiAlt":"","efiUrl":"","followers":[23],"highlights":[],"isAutoShareEnabled":false,"networkImageIds":[],"permalinkQueryArgs":[],"series":[],"suggestedReferences":[]},"_links":{"self":[{"href":"https:\/\/storeseo.com\/pt\/wp-json\/wp\/v2\/posts\/5981","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/storeseo.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/storeseo.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/storeseo.com\/pt\/wp-json\/wp\/v2\/users\/23"}],"replies":[{"embeddable":true,"href":"https:\/\/storeseo.com\/pt\/wp-json\/wp\/v2\/comments?post=5981"}],"version-history":[{"count":33,"href":"https:\/\/storeseo.com\/pt\/wp-json\/wp\/v2\/posts\/5981\/revisions"}],"predecessor-version":[{"id":6911,"href":"https:\/\/storeseo.com\/pt\/wp-json\/wp\/v2\/posts\/5981\/revisions\/6911"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/storeseo.com\/pt\/wp-json\/wp\/v2\/media\/6045"}],"wp:attachment":[{"href":"https:\/\/storeseo.com\/pt\/wp-json\/wp\/v2\/media?parent=5981"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/storeseo.com\/pt\/wp-json\/wp\/v2\/categories?post=5981"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/storeseo.com\/pt\/wp-json\/wp\/v2\/tags?post=5981"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}