{"id":27569,"date":"2022-05-17T14:01:11","date_gmt":"2022-05-17T17:01:11","guid":{"rendered":"\/tutoriais\/?p=27569"},"modified":"2025-04-09T04:23:34","modified_gmt":"2025-04-09T07:23:34","slug":"first-input-delay","status":"publish","type":"post","link":"\/br\/tutoriais\/first-input-delay\/","title":{"rendered":"O que \u00e9 first input delay e como melhor\u00e1-lo"},"content":{"rendered":"

O First Input Delay (FID), também conhecido como latência de entrada, calcula o tempo de resposta de um site desde a primeira interação do usuário até a resposta do navegador.<\/p>

A rolagem e o zoom não podem ser medidos com o first input delay, pois são classificados como aspectos de animação no modelo RAIL<\/strong><\/a>. O FID se concentra apenas na capacidade de resposta de um site, medindo o atraso no processamento das solicitações do usuário.<\/p>

Analisar o atraso de entrada é essencial, pois afeta a experiência do usuário do seu site. Até 25%<\/strong><\/a> dos visitantes deixarão um site se demorar mais de 4 segundos para carregar.<\/p>

\"\"<\/a><\/figure>

Neste artigo, abordaremos o first input delay, desde sua definição, importância e otimização até sua relação com outras métricas do Core Web Vitals<\/strong>. Também explicaremos como testar sua pontuação FID e por que ela pode ser baixa.<\/p>

\n\n\n

\n
\n \n \n <\/svg>\n

\n O que É o First Input Delay (FID)? <\/p>\n <\/div>\n

O First input delay é uma métrica usada para rastrear o tempo de atraso do navegador até que ele responda à entrada do usuário, incluindo cliques e toques.<\/p>\n <\/div>\n \n\n\n\n<\/p>

Por Que o First Input Delay é Importante?<\/strong><\/h2>

Um dos fatores que podem afetar a impressão de um site é o first input delay. Ele costumava ser uma das métricas-base do Core Web Vitals, juntamente com o Largest Contentful Paint<\/strong> (LCP) e o Cumulative Layout Shift<\/strong> (CLS), mas foi substituído pelo Interaction to Next Paint (INP)<\/a>.<\/p>

Com o Core Web Vitals, você pode medir o desempenho da sua página, bem como investigar um relatório fornecido para ajudá-lo a melhorar o desempenho do seu site.<\/p>

Além disso, essas métricas afetam a experiência do usuário e a classificação de um site, afetando seus esforços otimização para motores de busca (SEO).<\/strong><\/a> A velocidade da página<\/strong><\/a> é um dos principais fatores de classificação do Google.<\/p>

Se o site demorar muito para responder às interações de um usuário, isso fará com que ele fique frustrado.<\/p>

Como a maioria dos problemas de responsividade ocorre quando uma página da Web está sendo carregada, é vital manter a pontuação de first input delay baixa.<\/p>

\"\"<\/a><\/figure>

Como Testar seu First Input Delay<\/strong><\/h2>

Tendo explicado por que o first input delay é importante para sua página, é hora de testá-lo para melhorar o desempenho do seu site para uma melhor interação do usuário.<\/p>

Ao contrário da mudança de layout cumulativa e da maior pintura de conteúdo, o first input delay só pode ser medido com interação real do usuário na página.<\/p>

Aqui está a lista de ferramentas que você pode usar para testar seu first input delay:<\/p>