200 milissegundos soa rápido? A interação com a próxima pintura pode ajudar a aumentar a capacidade de resposta do seu site

Maio saiu com um rugido. Que mês. Atualização do Google Core, duas novas métricas de usuário do Web Vitals e WordPress 6.0!

Em 25 de maio, o Google anunciou o início de sua atualização básica de base ampla. A atualização principal de maio de 2022 deve durar duas semanas. As pessoas estavam relatando mudanças nas páginas de resultados de pesquisa. Você notou alguma mudança em seus SERPs?

O WordPress 6.0, o segundo grande lançamento do WordPress de 2022, também foi lançado. O WordPress 5.9, lançado em janeiro de 2022, introduziu a edição completa do site (FSE) para o editor de blocos. Com WordPress 6.0. o foco está mais uma vez na expansão e melhorias das funções do Editor de Blocos. Todos os sites do seu cliente estão atualizados para o WordPress 6.0?

Atualizações em todos os lugares! O que aconteceu que é importante para meus sites?

A grande jogada do Google em maio foi a adição de Time to First Byte (TTFB) e Interaction to Next Paint (INP) às suas métricas de Web Vitals. Adicionar novas métricas é a maneira do Google dizer: “mantenha o foco no que é vital”.

Agora você pode medir a capacidade de resposta. Você pode ver onde esses grãos de areia estão desacelerando as engrenagens. Isso é ótimo para você e seu portfólio de sites de clientes.  

É por isso que um Tesla é mais rápido que um carro movido a gasolina. Em um motor de combustão interna, você perde velocidade através de todas as peças que se conectam com outras peças e pelo atrito. Menos peças móveis significa que a energia vai para as rodas.

Os Core Web Vitals estão crescendo! pagespeed.web.dev acaba de receber uma atualização, o RUM rata agora inclui a interação para a próxima pintura (INP) e o tempo para o primeiro byte (TTFB). Ambas ótimas escolhas se você me perguntar! O INP é, na minha opinião, uma maneira muito melhor de medir a capacidade de resposta do que o First Input Delay, que pode ser facilmente manipulado. O tempo até o primeiro byte sempre deveria ter sido mais importante, pois precede qualquer métrica de desempenho. Sem resposta = sem pintura, sem interação etc!.

Arjen Karel

O que é a interação com a próxima pintura (INP) e por que é importante?

Além do Google Core Web Vitals, o Google está medindo um número crescente de métricas de resposta centradas no usuário, incluindo Interaction to Next Paint (INP) e Time to First Byte (TTFB). No entanto, antes de reequipar sua equipe, o Google diz:

Essas métricas de campo são atualmente experimentais, mas agora estão disponíveis para os usuários experimentarem. As métricas experimentais podem mudar ou desaparecer.

Google.com

Interaction to Next Paint (INP) é uma nova métrica que visa representar a latência geral de interação de uma página selecionando uma das interações mais longas quando um usuário visita uma página. O INP geralmente é o 98º percentil de latência de interação para páginas com muitas interações. Para páginas com menos de 50 interações, INP é a interação com a pior latência.

Existem muitos elementos de interface do usuário. KeyDown ocorre quando uma tecla é pressionada. KeyUp ocorre quando uma tecla é liberada. Há DragOver, Drop, OnFocus e muito mais. Cada interação é imputada, processada e um resultado apresentado ao usuário.

O tempo entre cada ação é mensurável, e um longo intervalo entre clicar e receber pode contribuir para uma experiência de usuário ruim .

Interaction to Next Paint (INP) mede a latência das interações do nosso site. Alguns exemplos dessas interações incluem:

• Um evento do mouse – como clicar em um botão para alterar as cores de um artigo de vestuário.
• Um elemento interativo ativado em uma tela sensível ao toque com um dedo – talvez em um mapa.
• Pressionar uma tecla em um dispositivo móvel ou desktop — para mostrar a resposta a uma pergunta.

Seu site tem muitas interações? Você está executando plataformas de comércio eletrônico ou eLearning? Como você sabe que os usuários não vão querer esperar por esse evento de mouse, o INP é bastante empolgante.

Agora você pode ver quais interações estão deixando você mais lento e talvez ver onde você pode estar perdendo conversões devido ao tempo de resposta lento.

Quanto dinheiro seu site de comércio eletrônico está perdendo devido à latência, baixo desempenho e, para ser franco, um Host WordPress gerenciado cuja tecnologia está desatualizada para as expectativas dos clientes atuais?

Rocket.net

Como posso medir a interação do Google com a próxima métrica de pintura?

Para medir a interação do Google com o Next Paint, acesse o PageSpeed ​​Insights para medir o INP da sua página. Lembrar. Você está medindo essa página – não todo o seu site.

O INP é semelhante ao Deslocamento de layout cumulativo (CLS), pois os valores de medição serão alterados à medida que o usuário permanecer em sua página da web. Depois que o usuário sai da página, a medição é feita, criando um valor INP geral. Algumas páginas terão mais interações do que outras. As interações de algumas páginas podem não acontecer se uma ação não for escolhida.

Só porque você passa os sinais vitais agora não significa que você passará no próximo mês. Os principais elementos vitais da web são experimentais e estão mudando. Volte regularmente e mantenha-se curioso!

Um site responsivo significa mais do que blocos flexíveis em seu CSS

Medir a interação com o Next Paint é muito empolgante porque agora podemos medir a capacidade de resposta do nosso site sob os dedos de nossos usuários. Lembra quando um site responsivo significava que nosso cardápio se transformava em um hambúrguer?

E não é apenas o celular que conta para os sinais vitais. As visualizações da área de trabalho são igualmente importantes – especialmente se estivermos falando sobre esses sites que as pessoas tomam seu tempo.

Interação com a próxima pintura significa medir o tempo que os elementos da página levam para responder a uma interação. Agora podemos ver quanto tempo leva para a imagem de um produto mudar se o usuário escolher outra cor ou quanto tempo a resposta leva para aparecer na tela. A velocidade aqui pode ser um nocaute para muitos usuários. Lembre-se – a velocidade vence.

Encurtar a latência entre os estágios de cada interação torna um site verdadeiramente responsivo. Com os problemas de velocidade resolvidos, você pode se concentrar onde realmente importa – melhorando a experiência diária dos clientes de sua agência com seus negócios.

A velocidade é tão importante em um site porque você deseja atrair e reter clientes em potencial. E você quer que eles digam a seus amigos. O que impede as pessoas de permanecerem no seu site – e converterem – é uma experiência ruim no site.

Rocket.net

Microinterações são a diferença entre um bom site e um ótimo site

Salve a latência de interação. Livrar-se das interações, você diz?

Microinterações são pequenas coisas que dão aos nossos usuários a sensação de poder fazer algo. É a sensação de não ser mais um participante insignificante e rígido, mas ser capaz de mover, dizer ou mudar algo com pouco esforço. O usuário está envolvido de forma divertida sem que as coisas se compliquem. Gamificação, certo?

As microinterações fazem toda a diferença em nossa experiência online, então não jogue fora o bebê com a água do banho só para economizar na hora de limpar a banheira.

Cada vez mais, as marcas procuram promover conexões com seus clientes. Embora muita atenção tenha sido dada aos canais de comunicação, é igualmente importante aproveitar os micro-momentos em que você pode fornecer aos clientes uma experiência positiva do usuário.

UsabilidadeGeek.com

Falar é fácil. Deixe o Rocket mostrar a você o que a hospedagem WordPress mais rápida REALMENTE significa!

Economizando o desempenho do site, o tempo e o dinheiro da sua agência? Sim. A Plataforma Rocket possui recursos integrados que eliminam a necessidade de versões pagas de segurança, otimização de imagem, CDN e plug-ins de carregador de conteúdo JS. São recursos integrados à sua nova plataforma favorita (o produto anteriormente conhecido como Managed WordPress Hosting).

Vamos falar sobre como podemos migrar seu site para Rocket.net, a hospedagem WordPress mais rápida disponível em qualquer lugar. Lance sua missão hoje!