GoCache
  • Produtos
    • CDN
    • WAF – Web Application Firewall
    • Lithio – Otimizador de Imagens
    • Rate Limit
    • API Discovery & Inventory
    • API Pública
    • Certificado SSL
    • Role Based Access Control
    • Plugin WordPress e Magento
  • Soluções
    • E-Commerce
    • Portais de Conteúdo e Notícias
    • Educação / Edtech
    • Startup
    • Outros
  • Planos
  • Parceiros
    • Parceiros de Tecnologia
  • Cases
  • Ajuda
    • Central de Ajuda – FAQ
    • Documentação Técnica
    • Documentação da API
  • Contato
  • Login
  • CADASTRE-SE
  • Menu Menu

Core Web Vitals no WordPress: O que você precisa saber

27 de abril de 2021/em WordPress

Se você é um usuário do WordPress, vai começar a ouvir muito o termo Google Core Web Vitals nos próximos meses e anos.

Core Web Vitals são a última tentativa do Google de liderar as mudanças na Internet. Eles são um conjunto de métricas de desempenho e experiência do usuário que se tornarão um fator de classificação de SEO no próximo ano, então você não deve simplesmente ignorá-los.

Nesta postagem, apresentaremos a você os Google Core Web Vitals e porque eles são importantes para os usuários do WordPress. Em seguida, mostraremos como analisar o desempenho dos Core Web Vitals do seu site do WordPress e melhorar as suas pontuações.

O que é core web vitals?

O Google Core Web Vitals são três métricas específicas relacionadas ao desempenho do seu site e à experiência do usuário.

Os Core Web Vitals estão mais preocupados com a forma como o seu site carrega, não com o tempo geral de carregamento da página. Por exemplo:

  • Com que rapidez os visitantes podem ver e interagir com o seu conteúdo principal? (Mesmo se o resto do seu site não terminar de carregar)
  • O seu site carrega sem problemas ou o conteúdo “salta” e muda de estilo conforme novos recursos são carregados?
  • Há atrasos na entrada quando os usuários tentam interagir com o seu site?

Aqui estão as três métricas que atualmente compõem os Core Web Vitals:

Maior Pintura de Conteúdo (Largest Contentful Paint – LCP) – mede o carregamento – quanto tempo leva para o conteúdo principal da sua página carregar. Não todo o conteúdo – apenas o conteúdo principal que os visitantes veem primeiro. Seu LCP deve ter menos de 2,5 segundos.

Atraso na primeira entrada (First Input Delay – FID) – mede a interatividade – quanto tempo leva para a sua página se tornar interativa. Ou seja, quando um visitante clica em um botão ou outro elemento. Seu FID deve ser inferior a 100 ms (este número se refere ao atraso no processamento do evento).

Deslocamento de layout cumulativo (Cumulative Layout Shift – CLS) – mede a estabilidade visual – quanto o seu conteúdo muda visualmente conforme é carregado. Por exemplo, se o seu conteúdo “pular” quando um novo anúncio é carregado. Seu CLS deve ser inferior a 0,1.

Nas palavras do Google, essas três métricas são:

Um conjunto de métricas do mundo real centradas no usuário, que quantificam os principais aspectos da experiência do usuário. Elas medem as dimensões da usabilidade da web, como tempo de carregamento, interatividade e a estabilidade do conteúdo à medida que ele carrega (para que você não toque acidentalmente em um botão quando ele muda sob o seu dedo – isso é chato!)

Por que os administradores de sites em WordPress devem se preocupar com os Core Web Vitals?

Existem dois grandes motivos pelos quais os usuários do WordPress devem se preocupar com os Google Core Web Vitals:

Experiência do usuário / Otimização de mecanismos de pesquisa (Search engine optimization – SEO)

O primeiro motivo para se preocupar com os Core Web Vitals é que eles são, pelo menos na estimativa do Google, uma métrica muito boa para a experiência do usuário no seu site, no que diz respeito ao desempenho.

Simplificando, otimizar os seus Core Web Vitals deve fazer os seus visitantes terem uma experiência melhor e eliminar frustrações, como a de eles clicarem acidentalmente no botão errado porque o seu layout mudou.

O segundo grande motivo para se preocupar com os Core Web Vitals é o SEO. Para estimular os webmasters a otimizarem os Core Web Vitals, o Google está usando um dos maiores “prêmios” que possui – os rankings de busca.

Como analisar o desempenho de seu site em Core Web Vitals?

Existem algumas maneiras de comparar o seu site com as métricas dos Core Web Vitals:

  • PageSpeed ​​Insights
  • Google Search Console
  • GT Metrix
  • WebPageTest
  • PageSpeed ​​Insights

Se você deseja testar rapidamente uma única página em relação aos Core Web Vitals, você pode usar a ferramenta de teste PageSpeed ​​Insights do Google.

Depois de inserir o seu URL, você verá métricas para:

  • Maior Pintura de Conteúdo (LCP)
  • Deslocamento de Layout Cumulativo (CLS)O Google marca as métricas Core Web Vitals com uma bandeira azul.

Como melhorar o desempenho do WordPress Core Web Vitals?

Se você deseja melhorar os seus resultados Google Core Web Vitals, você geralmente deve se concentrar em melhorar o desempenho do seu site.

No entanto, é importante entender que o Google não está apenas olhando para o número que você obtém ao conectar o seu site a uma ferramenta de teste de velocidade. Embora ferramentas diferentes usem medidas de teste de velocidade diferentes, a maioria das ferramentas de teste de velocidade usa alguma variação de uma métrica “totalmente carregada”.

Lembre-se – o Google não está muito preocupado com quanto tempo leva para o seu site carregar totalmente. Em vez disso, ele está mais focado em quanto tempo leva para os visitantes começarem a ter uma boa experiência (o que nem sempre significa que o seu site já está totalmente carregado).

Portanto, embora a otimização do tempo de carregamento da sua página provavelmente também tenha um efeito benéfico nos seus Core Web Vitals, você realmente precisa se concentrar mais em como o seu site carrega, não apenas em quanto tempo leva para carregar.

Por exemplo:

  • O seu conteúdo “principal” está otimizado para carregar o mais rápido possível?
  • Em que ordem os seus scripts e CSS são carregados?
  • Você tem algum script de bloqueio de renderização?
  • Você poderia embutir o CSS crítico para evitar flashes de conteúdo não estilizado?
  • Você está veiculando anúncios de fontes de terceiros que causam mudanças de layout?

Infelizmente, muito disso se torna bastante técnico. Ou seja, você não pode simplesmente instalar um plug-in para consertar tudo, embora os plug-ins possam ajudar em algumas partes.

Ainda assim, o seu primeiro passo deve ser a otimização básica do WordPress, caso ainda não tenha feito isso.

Em seguida, vamos examinar algumas correções específicas para as três métricas dos Core Web Vitals.

Maior Pintura de Conteúdo (LCP)

Novamente, o LCP mede quanto tempo leva para carregar o conteúdo maior e mais importante de uma página. Normalmente, esta será sua imagem ou vídeo principal. Ou, se você não tiver uma hero image, pode ser o seu texto H1.

Uma das maiores coisas que você pode fazer aqui é usar o cache da página para servir páginas HTML estáticas em vez de construir cada página dinamicamente (leia mais sobre CDN para cache dinâmico). Outra coisa que você pode fazer é mudar para uma hospedagem com melhor desempenho.

Outras estratégias para melhorar o seu tempo de LCP são:

  • Use uma rede de distribuição de conteúdo (Content Delivery Network – CDN)
  • Elimine JavaScript e CSS de bloqueio de renderização
  • CSS crítico embutido/CSS não crítico deferido
  • Otimize e comprima imagens
  • Use compressão no nível do servidor como Gzip ou Brotli

Otimize o Atraso na Primeira Entrada (First Input Delay – FID)

Novamente, o FID mede o quão responsivo e interativo o seu site é. Ele mede o tempo desde a primeira interação do usuário até o momento em que o seu site se torna responsivo.

Infelizmente, as correções aqui são todas bastante técnicas, então você pode precisar da ajuda de um desenvolvedor se a sua pontuação for fraca nesse requisito. A maioria das correções trata da otimização do JavaScript do seu site.

Otimize o Deslocamento de Layout Cumulativo (Cumulative Layout Shift – CLS)

Novamente, o CLS mede o quanto o seu conteúdo “salta” ao carregar.

Os maiores problemas com o deslocamento de layout cumulativo provavelmente virão de:

  • Imagens sem dimensões
  • Anúncios ou incorporações sem dimensões
  • Fontes da web

Para evitar problemas com flashes de texto não estilizado ou invisíveis, você pode pré-carregar fontes importantes.

Prepare-se para os Core Web Vitals no WordPress

Goste ou não, o Google Core Web Vitals fará parte de como você otimizará o seu site WordPress (ou o do seu cliente) em 2021 e além. Portanto, não deixe que os Core Web Vitals o surpreendam. Familiarize-se agora e comece a trabalhar em maneiras de melhorar a sua pontuação.

Não só será um fator de ranking em 2021, mas também deve ajudá-lo a melhorar a experiência do usuário do seu site, o que é uma meta válida por si só.

Referencia: https://wplift.com/google-core-web-vitals-wordpress

Share this entry
  • Share on Facebook
  • Share on Twitter
  • Share on WhatsApp
  • Share on LinkedIn
  • Share on Tumblr
  • Share by Mail
https://www.gocache.com.br/wp-content/uploads/2021/04/wordpress-core-web-vitals.jpg 628 1200 Go Cache https://www.gocache.com.br/wp-content/uploads/2021/11/gocache-nova-preta.png Go Cache2021-04-27 06:00:202021-04-15 17:32:10Core Web Vitals no WordPress: O que você precisa saber

Baixe nosso Ebook

Procurar

Últimas publicações

  • Insufficient Logging & Monitoring – O que é? 23 de maio de 2022
  • Improper Assets Management – O que é? 23 de maio de 2022
  • Injection – O que é? 23 de maio de 2022
  • Security Misconfiguration – O que é? 23 de maio de 2022
  • Mass Assignment – O que é? 23 de maio de 2022

Produtos

  • Content Delivery Network
  • SSL
  • Web Application Firewall - WAF
  • Rate Limit
  • Lithio - Otimizador de Imagens
  • API Discovery & Inventory
  • Role Based Access Control
  • Plugin para WordPress e Magento

Soluções por vertical

  • Portais de conteúdo e notícias
  • E-Commerce
  • Educação / Edtech
  • Plataformas de E-Commerce
  • Startup
  • Outros

Empresa

  • Central de Ajuda
  • Carreiras
  • Parceiros
  • Blog
  • Contato
  • Planos
  • Cases de Sucesso
  • Datasheet GoCache

Documentação

  • Termos de Uso e Politica de Privacidade
  • API Pública da GoCache
  • Documentação Painel

Acompanhe nosso Blog!

  • Insufficient Logging & Monitoring – O que é?
  • Improper Assets Management – O que é?
  • Injection – O que é?
  • Security Misconfiguration – O que é?
  • Mass Assignment – O que é?
  • Broken Function Level Authorization (BFLA) – O que é?
  • Lack of Resources & Rate Limiting – O que é?
  • Excessive Data Exposure – O que é?
Estratégias para reduzir custos com cloud Créditos em nuvem para Startups – Conheça alguns programas
Scroll to top

Este site utiliza cookies para aprimorar sua navegação. Na GoCache o uso de cookies é feito apenas para reconhecer um visitante constante e melhorar a experiência no uso dos Serviços. Os cookies são pequenos arquivos de dados transferidos de um site da web para o disco do seu computador, e não armazenam dados pessoais. Se preferir, você pode apagar os cookies existentes em seu computador através do browser utilizado.

AceitarRecusarTermo de uso

Cookie and Privacy Settings



How we use cookies

We may request cookies to be set on your device. We use cookies to let us know when you visit our websites, how you interact with us, to enrich your user experience, and to customize your relationship with our website.

Click on the different category headings to find out more. You can also change some of your preferences. Note that blocking some types of cookies may impact your experience on our websites and the services we are able to offer.

Essential Website Cookies

These cookies are strictly necessary to provide you with services available through our website and to use some of its features.

Because these cookies are strictly necessary to deliver the website, refusing them will have impact how our site functions. You always can block or delete cookies by changing your browser settings and force blocking all cookies on this website. But this will always prompt you to accept/refuse cookies when revisiting our site.

We fully respect if you want to refuse cookies but to avoid asking you again and again kindly allow us to store a cookie for that. You are free to opt out any time or opt in for other cookies to get a better experience. If you refuse cookies we will remove all set cookies in our domain.

We provide you with a list of stored cookies on your computer in our domain so you can check what we stored. Due to security reasons we are not able to show or modify cookies from other domains. You can check these in your browser security settings.

Google Analytics Cookies

These cookies collect information that is used either in aggregate form to help us understand how our website is being used or how effective our marketing campaigns are, or to help us customize our website and application for you in order to enhance your experience.

If you do not want that we track your visit to our site you can disable tracking in your browser here:

Other external services

We also use different external services like Google Webfonts, Google Maps, and external Video providers. Since these providers may collect personal data like your IP address we allow you to block them here. Please be aware that this might heavily reduce the functionality and appearance of our site. Changes will take effect once you reload the page.

Google Webfont Settings:

Google Map Settings:

Google reCaptcha Settings:

Vimeo and Youtube video embeds:

Other cookies

The following cookies are also needed - You can choose if you want to allow them:

Privacy Policy

You can read about our cookies and privacy settings in detail on our Privacy Policy Page.

Termos de Uso e Política de Privacidade – GoCache CDN
Accept settingsHide notification only